From 40cb61ad83b690ad229ed979916509bceca5cae0 Mon Sep 17 00:00:00 2001
From: xiften <108333567+not-ani@users.noreply.github.com>
Date: Sun, 28 Jul 2024 02:10:06 -0600
Subject: [PATCH] fix(nextjs): changed mislabed icons and tooltip in sidebar +
 bumped lucide-react

---
 .../project/[id]/(root)/layout.tsx            | 17 ++++++++---------
 package.json                                  |  5 ++++-
 pnpm-lock.yaml                                | 19 ++++++++++++++++---
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/apps/nextjs/src/app/(dashboard)/project/[id]/(root)/layout.tsx b/apps/nextjs/src/app/(dashboard)/project/[id]/(root)/layout.tsx
index 97dfcb7..5ff4631 100644
--- a/apps/nextjs/src/app/(dashboard)/project/[id]/(root)/layout.tsx
+++ b/apps/nextjs/src/app/(dashboard)/project/[id]/(root)/layout.tsx
@@ -1,8 +1,7 @@
 import React, { cache } from "react";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { Home, Package2, Search, Settings, Workflow } from "lucide-react";
-
+import { House, User, Search, Settings, Workflow, ChartArea } from "lucide-react";
 import { db } from "@amaxa/db/client";
 import {
   Breadcrumb,
@@ -50,10 +49,10 @@ export default async function Layout({
       <aside className="fixed inset-y-0 left-0 z-10 hidden w-14 flex-col border-r bg-background sm:flex">
         <nav className="flex flex-col items-center gap-4 px-2 sm:py-4">
           <Link
-            href="#"
+            href="/"
             className="group flex h-9 w-9 shrink-0 items-center justify-center gap-2 rounded-full bg-primary text-lg font-semibold text-primary-foreground md:h-8 md:w-8 md:text-base"
           >
-            <Package2 className="h-4 w-4 transition-all group-hover:scale-110" />
+            <House className="h-5 w-5" />
             <span className="sr-only">{data.name}</span>
           </Link>
           <Tooltip>
@@ -62,7 +61,7 @@ export default async function Layout({
                 href={`/project/${id}/`}
                 className="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
               >
-                <Home className="h-5 w-5" />
+                <ChartArea className="h-5 w-5" />
                 <span className="sr-only">Dashboard</span>
               </Link>
             </TooltipTrigger>
@@ -84,14 +83,14 @@ export default async function Layout({
           <Tooltip>
             <TooltipTrigger asChild>
               <Link
-                href={`/project/${id}/users`}
+                href={`/project/${id}/permissions`}
                 className="flex h-9 w-9 items-center justify-center rounded-lg text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
               >
-                <Workflow className="h-5 w-5 bg-gray-100" />
-                <span className="sr-only">Tasks</span>
+                <User className="h-5 w-5 bg-gray-100" />
+                <span className="sr-only">Users</span>
               </Link>
             </TooltipTrigger>
-            <TooltipContent side="right">Tasks</TooltipContent>
+            <TooltipContent side="right">Users</TooltipContent>
           </Tooltip>
         </nav>
         <nav className="mt-auto flex flex-col items-center gap-4 px-2 sm:py-4">
diff --git a/package.json b/package.json
index 9252dcc..94916f9 100644
--- a/package.json
+++ b/package.json
@@ -29,5 +29,8 @@
     "turbo": "^2.0.6",
     "typescript": "^5.4.5"
   },
-  "prettier": "@amaxa/prettier-config"
+  "prettier": "@amaxa/prettier-config",
+  "dependencies": {
+    "lucide-react": "^0.416.0"
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index efbc0bf..013ff16 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,6 +7,10 @@ settings:
 importers:
 
   .:
+    dependencies:
+      lucide-react:
+        specifier: ^0.416.0
+        version: 0.416.0(react@18.3.1)
     devDependencies:
       '@amaxa/prettier-config':
         specifier: workspace:*
@@ -351,7 +355,7 @@ importers:
         version: 0.8.0
       drizzle-orm:
         specifier: ^0.31.2
-        version: 0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4)
+        version: 0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4)(react@18.3.1)
       drizzle-zod:
         specifier: ^0.5.1
         version: 0.5.1(drizzle-orm@0.31.2)(zod@3.23.8)
@@ -5874,7 +5878,7 @@ packages:
       - supports-color
     dev: true
 
-  /drizzle-orm@0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4):
+  /drizzle-orm@0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4)(react@18.3.1):
     resolution: {integrity: sha512-QnenevbnnAzmbNzQwbhklvIYrDE8YER8K7kSrAWQSV1YvFCdSQPzj+jzqRdTSsV2cDqSpQ0NXGyL1G9I43LDLg==}
     peerDependencies:
       '@aws-sdk/client-rds-data': '>=3'
@@ -5959,6 +5963,7 @@ packages:
     dependencies:
       '@vercel/postgres': 0.8.0
       postgres: 3.4.4
+      react: 18.3.1
     dev: false
 
   /drizzle-zod@0.5.1(drizzle-orm@0.31.2)(zod@3.23.8):
@@ -5967,7 +5972,7 @@ packages:
       drizzle-orm: '>=0.23.13'
       zod: '*'
     dependencies:
-      drizzle-orm: 0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4)
+      drizzle-orm: 0.31.2(@vercel/postgres@0.8.0)(postgres@3.4.4)(react@18.3.1)
       zod: 3.23.8
     dev: false
 
@@ -7869,6 +7874,14 @@ packages:
       react: 18.3.1
     dev: false
 
+  /lucide-react@0.416.0(react@18.3.1):
+    resolution: {integrity: sha512-wPWxTzdss1CTz2aqcNWNlbh4YSnH9neJWP3RaeXepxpLCTW+pmu7WcT/wxJe+Q7Y7DqGOxAqakJv0pIK3431Ag==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    dependencies:
+      react: 18.3.1
+    dev: false
+
   /magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies: