Modify external links in sidebar

ahmed0saber · ahmed0saber · commit ed212657b0cb · 2023-07-29T22:39:30.000Z
diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx
@@ -151,13 +151,15 @@ export default function Navbar({
             <SearchBar query={query} setQuery={setQuery} small />
           </ListItem>
           {menu.map((item) => (
-            <NextLink key={item.name} href={item.href}>
-              <MenuItem>{item.name}</MenuItem>
-            </NextLink>
+            <MenuItem key={item.name}>
+              <Button href={item.href} target={item.target} className={classes.sidebarLink}>
+                {item.name}
+              </Button>
+            </MenuItem>
           ))}
-          <NextLink href="https://github.com/TheAlgorithms">
-            <MenuItem>GitHub</MenuItem>
-          </NextLink>
+          <MenuItem>
+            <a className={classes.unstyledLink} href="https://github.com/TheAlgorithms" target="_blank">GitHub</a>
+          </MenuItem>
           <MenuItem onClick={() => switchTheme()}>
             {darkTheme ? t("lightModeNavbar") : t("darkModeNavbar")}
           </MenuItem>
diff --git a/components/navbar/style.module.css b/components/navbar/style.module.css
@@ -64,3 +64,13 @@
   width: 1em;
   height: 1em;
 }
+
+.sidebarLink {
+  padding: 0px !important;
+  min-width: auto !important;
+}
+
+.unstyledLink {
+  color: #fff;
+  text-decoration: none;
+}
