mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

sidebar roughly saying works

pull/387/head
Tim Pechersky 2021-11-10 16:13:21 +00:00
rodzic 3860e1be4c
commit 16b1e54c9c
1 zmienionych plików z 26 dodań i 14 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

40
frontend/src/components/Sidebar.js
Wyświetl plik

@ -17,10 +17,12 @@ import {
ArrowRightIcon, ArrowRightIcon,
LockIcon, LockIcon,
} from "@chakra-ui/icons"; } from "@chakra-ui/icons";
import { MdTimeline, MdSettings } from "react-icons/md"; import { MdSettings, MdDashboard } from "react-icons/md";
import { HiAcademicCap } from "react-icons/hi"; import { HiAcademicCap } from "react-icons/hi";
import { WHITE_LOGO_W_TEXT_URL, ALL_NAV_PATHES } from "../core/constants"; import { WHITE_LOGO_W_TEXT_URL, ALL_NAV_PATHES } from "../core/constants";
import { v4 } from "uuid"; import { v4 } from "uuid";
import useDashboard from "../core/hooks/useDashboard";
import { MODAL_TYPES } from "../core/providers/OverlayProvider/constants";
const Sidebar = () => { const Sidebar = () => {
const ui = useContext(UIContext); const ui = useContext(UIContext);
@ -56,24 +58,34 @@ const Sidebar = () => {
: ui.setSidebarCollapsed(!ui.sidebarCollapsed); : ui.setSidebarCollapsed(!ui.sidebarCollapsed);
}} }}
/> />
<Image <RouterLink href="/" passHref>
// h="full" <Image
// maxH="100%" // h="full"
maxW="120px" // maxH="100%"
py="0.75rem" maxW="120px"
pl={5} py="0.75rem"
src={WHITE_LOGO_W_TEXT_URL} pl={5}
alt="bugout.dev" src={WHITE_LOGO_W_TEXT_URL}
/> alt="Moonstream To"
/>
</RouterLink>
</Flex> </Flex>
</SidebarHeader> </SidebarHeader>
{ui.isLoggedIn && ( {ui.isLoggedIn && (
<SidebarContent> <SidebarContent>
<Menu iconShape="square"> <Menu iconShape="square">
<MenuItem icon={<MdTimeline />}> {dashboardsListCache.data &&
{" "} dashboardsListCache.data.data.resources.map((dashboard) => {
<RouterLink href="/stream">Stream</RouterLink> console.log("dashboard", dashboard);
</MenuItem>
return (
<MenuItem icon={<MdDashboard />} key={v4()}>
<RouterLink href={`/dashboard/${dashboard?.id}`}>
{dashboard.resource_data.name}
</RouterLink>
</MenuItem>
);
})}
</Menu> </Menu>
{ui.isMobileView && ( {ui.isMobileView && (
<Menu iconShape="square"> <Menu iconShape="square">