@colisweb/rescript-toolkit 2.61.0 → 2.61.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -60,21 +60,23 @@ module App = {
|
|
|
60
60
|
</a>
|
|
61
61
|
</div>
|
|
62
62
|
<Menu>
|
|
63
|
-
|
|
64
|
-
<
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
<
|
|
68
|
-
<div> <BsReactIcons.MdKeyboardArrowDown size=18 /> </div>
|
|
63
|
+
<MenuButton>
|
|
64
|
+
<div className="flex items-center flex-col-gap-2 text-neutral-800">
|
|
65
|
+
<span className="font-semibold"> {username->React.string} </span>
|
|
66
|
+
<div>
|
|
67
|
+
<BsReactIcons.MdAccountCircle size=28 />
|
|
69
68
|
</div>
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
<div>
|
|
70
|
+
<BsReactIcons.MdKeyboardArrowDown size=18 />
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</MenuButton>
|
|
74
|
+
<MenuList
|
|
75
|
+
className="focus:outline-none focus:shadow-none bg-white z-50 shadow-lg rounded border py-2 ml-2 mt-2 w-48">
|
|
76
|
+
<MenuItem className="text-lg py-2 px-4 flex items-center" onSelect=logout>
|
|
77
|
+
logoutLabel
|
|
78
|
+
</MenuItem>
|
|
79
|
+
</MenuList>
|
|
78
80
|
</Menu>
|
|
79
81
|
</div>
|
|
80
82
|
}
|
|
@@ -106,7 +108,7 @@ module App = {
|
|
|
106
108
|
"lg:flex border-r px-2 py-3 fixed flex-col bg-white justify-between transition-all duration-300 ease-in-out z-40",
|
|
107
109
|
isNavOpen ? "w-64 overflow-y-auto" : "w-16 hidden sidenav--closed",
|
|
108
110
|
])}>
|
|
109
|
-
{children({onLinkClick
|
|
111
|
+
{children({onLinkClick, isNavOpen, openMenu})}
|
|
110
112
|
{bottom->Option.mapWithDefault(React.null, content =>
|
|
111
113
|
<div className={!isNavOpen ? "overflow-hidden" : ""}>
|
|
112
114
|
<div
|
|
@@ -4,7 +4,7 @@ module Menu = {
|
|
|
4
4
|
type renderProps = {isOpen: bool}
|
|
5
5
|
|
|
6
6
|
@module("@reach/menu-button") @react.component
|
|
7
|
-
external make: (~children:
|
|
7
|
+
external make: (~children: React.element) => React.element = "Menu"
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
module MenuButton = {
|