nt_web_template/full-stack-fastapi-template
2
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🐛 Add onClose to SidebarItems (#589)

Browse Source
This commit is contained in:
Alejandra
2024-01-29 17:42:09 -05:00
committed by GitHub
parent 4bbab503cd
commit cbba08d565
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/new-frontend/src/components/Sidebar.tsx
View File

@@ -23,7 +23,7 @@ const Sidebar: React.FC = () => {
<Flex flexDir="column" justify="space-between" h="100%"> <Flex flexDir="column" justify="space-between" h="100%">
<Box> <Box>
<Image src={Logo} alt="Logo" /> <Image src={Logo} alt="Logo" />
<SidebarItems /> <SidebarItems onClose={onClose} />
</Box> </Box>
<UserInfo /> <UserInfo />
</Flex> </Flex>

8
src/new-frontend/src/components/SidebarItems.tsx
View File

@@ -12,12 +12,16 @@ const items = [
{ icon: FiLogOut, title: 'Log out' } { icon: FiLogOut, title: 'Log out' }
]; ];
const SidebarItems: React.FC = () => { interface SidebarItemsProps {
onClose?: () => void;
}
const SidebarItems: React.FC<SidebarItemsProps> = ({ onClose }) => {
const listItems = items.map((item) => ( const listItems = items.map((item) => (
<Flex w="100%" p={2} key={item.title} _hover={{ <Flex w="100%" p={2} key={item.title} _hover={{
background: "gray.200", background: "gray.200",
borderRadius: "12px", borderRadius: "12px",
}}> }} onClick={onClose}>
<Link to={item.path || "/"}> <Link to={item.path || "/"}>
<Flex color="teal.500" gap={4}> <Flex color="teal.500" gap={4}>
<Icon as={item.icon} alignSelf="center" /> <Icon as={item.icon} alignSelf="center" />