From 5ab11c4f96ba5e4c412c4947e53b33c55d8f7bf0 Mon Sep 17 00:00:00 2001
From: Ashis Kumar <ashishsahoo389@gmail.com>
Date: Sat, 14 Dec 2024 21:50:58 +0530
Subject: [PATCH 1/2] Migrated the Chakra-UI imports to Shadcn/Tailwind

---
 src/components/SideNav.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
index c219ee4d7b0..028611b18f7 100644
--- a/src/components/SideNav.tsx
+++ b/src/components/SideNav.tsx
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react"
 import { motion } from "framer-motion"
 import { useTranslation } from "next-i18next"
 import { MdChevronRight } from "react-icons/md"
-import { Box, HStack, Icon } from "@chakra-ui/react"
+import { Box } from "@chakra-ui/react"
 
 import { ChildOnlyProp } from "@/lib/types"
 import { DeveloperDocsLink } from "@/lib/interfaces"
 
 import { BaseLink, LinkProps } from "@/components/Link"
+import { HStack } from "./ui/flex"
 
 import docLinks from "../data/developer-docs-links.yaml"
 
@@ -34,14 +35,7 @@ const innerLinksVariants = {
 
 const LinkContainer = ({ children }: ChildOnlyProp) => {
   return (
-    <HStack
-      w="full"
-      justify="space-between"
-      py={2}
-      pe={4}
-      ps={8}
-      _hover={{ bgColor: "ednBackground" }}
-    >
+    <HStack className="w-full justify-between py-2 pe-4 ps-8 hover:bg-[ednBackground]">
       {children}
     </HStack>
   )
@@ -106,7 +100,7 @@ const NavLink = ({ item, path, isTopLevel }: NavLinkProps) => {
             cursor="pointer"
             display="flex"
           >
-            <Icon as={MdChevronRight} boxSize={6} color="secondary" />
+            <MdChevronRight className="h-6 w-6" color="secondary" />
           </Box>
         </LinkContainer>
         <Box

From 74470cf9a5161a29ccb727645f04abfe18715b20 Mon Sep 17 00:00:00 2001
From: Ashis Kumar <ashishsahoo389@gmail.com>
Date: Sat, 14 Dec 2024 21:56:42 +0530
Subject: [PATCH 2/2] Fixed the lint issues

---
 src/components/SideNav.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
index 028611b18f7..bffe7468bf7 100644
--- a/src/components/SideNav.tsx
+++ b/src/components/SideNav.tsx
@@ -8,10 +8,11 @@ import { ChildOnlyProp } from "@/lib/types"
 import { DeveloperDocsLink } from "@/lib/interfaces"
 
 import { BaseLink, LinkProps } from "@/components/Link"
-import { HStack } from "./ui/flex"
 
 import docLinks from "../data/developer-docs-links.yaml"
 
+import { HStack } from "./ui/flex"
+
 export const dropdownIconContainerVariant = {
   open: {
     rotate: 90,