chore: clean up #757

nkowaokwu · Dec 20, 2023 · 6f54cf7 · 6f54cf7
1 parent f3deb23
commit 6f54cf7
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 377 deletions.
diff --git a/src/dictionaries/seed.js b/src/dictionaries/seed.js
diff --git a/src/middleware/authorization.js b/src/middleware/authorization.js
diff --git a/src/pages/about.js b/src/pages/about.js
diff --git a/src/pages/components/Sidebar/SidebarItem.tsx b/src/pages/components/Sidebar/SidebarItem.tsx
@@ -1,19 +1,36 @@
 import React from 'react';
-import { Box, Flex } from '@chakra-ui/react';
+import { Box, Flex, FlexProps } from '@chakra-ui/react';
 
 interface IconType {
   size?: string | number | boolean;
 }
 
-interface SidebarItemProps {
+interface SidebarItemProps extends FlexProps {
   icon: React.ReactElement<IconType>;
   href: string;
   children: React.ReactNode;
   activeBgColor?: string;
   activeTextColor?: string;
+  _active?: {
+    bg: string;
+  };
+  _hover?: {
+    bg?: string;
+    color?: string;
+  };
+  mb?: number;
 }
 
-const SidebarItem = ({ icon, href, children, activeBgColor, activeTextColor }: SidebarItemProps) => (
+const SidebarItem = ({
+  icon,
+  href,
+  children,
+  activeBgColor,
+  activeTextColor,
+  _active,
+  _hover,
+  mb,
+}: SidebarItemProps) => (
   <Box as="a" href={href} style={{ textDecoration: 'none' }} _focus={{ boxShadow: 'none' }}>
     <Flex
       align="center"
@@ -22,12 +39,16 @@ const SidebarItem = ({ icon, href, children, activeBgColor, activeTextColor }: S
       borderRadius="lg"
       role="group"
       cursor="pointer"
-      _hover={{
-        bg: 'cyan.400',
-        color: 'white',
-      }}
+      _hover={
+        _hover && {
+          bg: 'cyan.400',
+          color: 'white',
+        }
+      }
+      _active={_active}
       bg={activeBgColor}
       color={activeTextColor}
+      mb={mb}
     >
       {icon}
       {children}