Link
This commit is contained in:
@@ -34,21 +34,21 @@ const Sidebar = () => {
|
||||
<VStack justifyContent="flex-start" align="stretch" spacing={4}>
|
||||
{sidebarItems.map((item) => (
|
||||
<Box key={item.value}>
|
||||
<Flex
|
||||
boxShadow=" 0px 4px 20px 0px #00000014"
|
||||
align="center"
|
||||
justify="space-between"
|
||||
p={3}
|
||||
bg={activeSection === item.value ? "#02A0A0" : "transparent"}
|
||||
borderRadius="md"
|
||||
cursor="pointer"
|
||||
onClick={() => toggleSection(item.value)}
|
||||
w="254px"
|
||||
<Link
|
||||
as={RouterLink}
|
||||
to={item.route}
|
||||
color={activeSection === item.value ? "#FFFFFF" : "#000000"}
|
||||
>
|
||||
<Link
|
||||
as={RouterLink}
|
||||
to={item.route}
|
||||
color={activeSection === item.value ? "#FFFFFF" : "#000000"}
|
||||
<Flex
|
||||
boxShadow=" 0px 4px 20px 0px #00000014"
|
||||
align="center"
|
||||
justify="space-between"
|
||||
p={3}
|
||||
bg={activeSection === item.value ? "#02A0A0" : "transparent"}
|
||||
borderRadius="md"
|
||||
cursor="pointer"
|
||||
onClick={() => toggleSection(item.value)}
|
||||
w="254px"
|
||||
>
|
||||
<Flex
|
||||
justifyContent="space-between"
|
||||
@@ -66,17 +66,17 @@ const Sidebar = () => {
|
||||
{item.title}
|
||||
</Text>
|
||||
</Flex>
|
||||
</Link>
|
||||
{item.links && (
|
||||
<Box ml="auto">
|
||||
{activeSection === item.value ? (
|
||||
<FaChevronUp color="#FFFFFF" />
|
||||
) : (
|
||||
<FaChevronDown color="#000000" />
|
||||
)}
|
||||
</Box>
|
||||
)}
|
||||
</Flex>
|
||||
{item.links && (
|
||||
<Box ml="auto">
|
||||
{activeSection === item.value ? (
|
||||
<FaChevronUp color="#FFFFFF" />
|
||||
) : (
|
||||
<FaChevronDown color="#000000" />
|
||||
)}
|
||||
</Box>
|
||||
)}
|
||||
</Flex>
|
||||
</Link>
|
||||
{/* Sub-links */}
|
||||
{item.links && activeSection === item.value && (
|
||||
<VStack align="start" pl={8} spacing={2} mt={2}>
|
||||
|
||||
Reference in New Issue
Block a user