pixelize-design-library 1.0.79 → 1.0.80
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.
|
@@ -14,11 +14,11 @@ function NavBar(_a) {
|
|
|
14
14
|
react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 7 },
|
|
15
15
|
react_1.default.createElement(react_2.Menu, null,
|
|
16
16
|
react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rounded: "full", variant: "link", cursor: "pointer", minW: 0 },
|
|
17
|
-
react_1.default.createElement(react_2.Avatar, { size: "sm", src: userAvathar })),
|
|
17
|
+
react_1.default.createElement(react_2.Avatar, { size: "sm", name: userName, src: userAvathar })),
|
|
18
18
|
react_1.default.createElement(react_2.MenuList, { alignItems: "center" },
|
|
19
19
|
react_1.default.createElement("br", null),
|
|
20
20
|
react_1.default.createElement(react_2.Center, null,
|
|
21
|
-
react_1.default.createElement(react_2.Avatar, { size: "2xl", src: userAvathar })),
|
|
21
|
+
react_1.default.createElement(react_2.Avatar, { size: "2xl", name: userName, src: userAvathar })),
|
|
22
22
|
react_1.default.createElement("br", null),
|
|
23
23
|
react_1.default.createElement(react_2.Center, null,
|
|
24
24
|
react_1.default.createElement("p", null, userName)),
|
|
@@ -12,9 +12,12 @@ function Sidebar(_a) {
|
|
|
12
12
|
var theme = (0, useCustomTheme_1.useCustomTheme)();
|
|
13
13
|
return (react_1.default.createElement(react_2.Flex, { pos: "sticky", h: "100vh", boxShadow: "0 4px 12px 0 rgba(0, 0, 0, 0.05)", w: toggle ? "75px" : "200px", flexDir: "column", justifyContent: "space-between", background: "#ffffff" },
|
|
14
14
|
react_1.default.createElement(react_2.Flex, { pl: toggle ? "22%" : "8%", flexDir: "column", w: "100%", alignItems: "flex-start", as: "nav", h: "100vh" },
|
|
15
|
-
|
|
16
|
-
react_1.default.createElement(react_2.
|
|
17
|
-
|
|
15
|
+
logo ?
|
|
16
|
+
react_1.default.createElement(react_2.Flex, { mt: 5, align: "center" },
|
|
17
|
+
react_1.default.createElement(react_2.Image, { borderRadius: "full", boxSize: "45px", src: logo, alt: "Company Logo", mr: 3 }),
|
|
18
|
+
react_1.default.createElement(react_2.Text, { display: toggle ? "none" : "flex", fontWeight: 800 }, companyName)) :
|
|
19
|
+
react_1.default.createElement(react_2.Box, { ml: "-8px", mt: 5, width: "100%", display: "flex", justifyContent: "center", alignItems: "center" },
|
|
20
|
+
react_1.default.createElement(react_2.Text, { fontWeight: 800, fontSize: "1.3rem", textAlign: "center" }, toggle ? companyName[0] : companyName)),
|
|
18
21
|
react_1.default.createElement(react_2.Flex, { position: "absolute", left: toggle ? "55px" : "180px", top: "60px", background: theme.colors.primary[500], borderRadius: "23px" },
|
|
19
22
|
react_1.default.createElement(react_2.IconButton, { background: "none", icon: toggle ? (react_1.default.createElement(fi_1.FiChevronRight, { color: "#ffffff" })) : (react_1.default.createElement(fi_1.FiChevronLeft, { color: "#ffffff" })), _hover: { background: "none" }, onClick: changeToggle, "aria-label": "Toggle Navigation" })),
|
|
20
23
|
react_1.default.createElement(react_2.Flex, { mt: 30, flexDir: "column", w: "100%", alignItems: toggle ? "center" : "flex-start", h: "100vh", overflow: "scroll", css: {
|
package/dist/Layout.js
CHANGED
|
@@ -561,7 +561,7 @@ var Layout = function () {
|
|
|
561
561
|
react_1.default.createElement(react_2.Box, null,
|
|
562
562
|
react_1.default.createElement(SideBar_1.default, { menus: menu, activeMenu: activeMenu, handleMenuClick: handleMenuClick, toggle: toggle, changeToggle: function () { return changeToggle(!toggle); }, logo: "https://bit.ly/dan-abramov", companyName: "PIXELIZE" })),
|
|
563
563
|
react_1.default.createElement(react_2.Box, { flex: "1", maxWidth: width, overflow: "hidden" },
|
|
564
|
-
react_1.default.createElement(NavigationBar_1.default, { userAvathar: "https://bit.ly/dan-
|
|
564
|
+
react_1.default.createElement(NavigationBar_1.default, { userAvathar: "https://bit.ly/dan-abramo", userName: "PIXELIZE", navMenu: navmenus, handleNavOnClick: handleNavOnClick, handleLogout: handleLogout, logoutText: "Logout", key: "navbar" }),
|
|
565
565
|
react_1.default.createElement("br", null),
|
|
566
566
|
react_1.default.createElement(Breadcrumbs_1.default, { separator: react_1.default.createElement(icons_1.ChevronRightIcon, { color: "gray.500" }), items: breadcrumbItems, handleClick: handleClick }),
|
|
567
567
|
react_1.default.createElement(react_2.Box, { p: "50px", height: height - 160, overflowY: "scroll", width: width - 75 },
|
|
@@ -642,7 +642,7 @@ var Layout = function () {
|
|
|
642
642
|
react_1.default.createElement(PinInput_1.default, { pins: 5, label: "Enter pin" }),
|
|
643
643
|
react_1.default.createElement("br", null),
|
|
644
644
|
react_1.default.createElement("br", null),
|
|
645
|
-
react_1.default.createElement(ProfileCard_1.default, { CardStyle: { marginRight: "10px" }
|
|
645
|
+
react_1.default.createElement(ProfileCard_1.default, { CardStyle: { marginRight: "10px" } },
|
|
646
646
|
react_1.default.createElement(ProfileCard_1.ProfileCardHeader, null, "Customer dashboard"),
|
|
647
647
|
react_1.default.createElement(ProfileCard_1.ProfileCardBody, null,
|
|
648
648
|
react_1.default.createElement(react_2.Text, null, "View a summary of all your customers over the last month.")),
|