Merge pull request #79 from jpcmf/improvement/dashboard

improvement: Update Search component margin and enhance SidebarNav wi…

Author: jpcmf

src/components/Header/Search.tsx

@@ -8,13 +8,13 @@ export function Search() {
       flex="1"
       py="4"
       px="8"
-      ml="6"
       maxWidth={400}
       color="gray.200"
       position="relative"
       bg="gray.800"
       borderRadius="full"
       alignItems="center"
+      style={{ marginLeft: "88px" }}
     >
       <Input
         color="gray.50"

src/components/Sidebar/SidebarNav.tsx

@@ -4,8 +4,11 @@ import {
   RiChatSmile2Line,
   RiContactsLine,
   RiDashboardLine,
+  RiDirectionLine,
   RiEdit2Line,
-  RiShieldStarLine
+  RiPictureInPictureLine,
+  RiShieldStarLine,
+  RiTrophyLine
 } from "react-icons/ri";
 import { Stack } from "@chakra-ui/react";
 
@@ -44,7 +47,37 @@ export function SidebarNav() {
             color: "green.400"
           }}
         >
-          Campeonatos / Inscrições
+          Inscrições
+        </NavLink>
+        <NavLink
+          icon={RiTrophyLine}
+          href="/users"
+          _activeLink={{
+            textDecoration: "none",
+            color: "green.400"
+          }}
+        >
+          Campeonatos
+        </NavLink>
+        <NavLink
+          icon={RiPictureInPictureLine}
+          href="/users"
+          _activeLink={{
+            textDecoration: "none",
+            color: "green.400"
+          }}
+        >
+          Spots
+        </NavLink>
+        <NavLink
+          icon={RiDirectionLine}
+          href="/users"
+          _activeLink={{
+            textDecoration: "none",
+            color: "green.400"
+          }}
+        >
+          Navigate
         </NavLink>
         <NavLink
           icon={RiShieldStarLine}