icons

betteridea-dev · Jul 4, 2024 · c1ab718 · c1ab718
1 parent b0e2fec
commit c1ab718
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 22 deletions.
diff --git a/next_app/src/components/menubar/index.tsx b/next_app/src/components/menubar/index.tsx
@@ -35,21 +35,12 @@ export default function Menubar() {
 
     const project = globalState.activeProject && manager.getProject(globalState.activeProject)
 
+    function logoClicked() {
+
+    }
 
     return <div className="border-b h-[30px] text-xs flex items-center overflow-clip">
-        <Image src="/icon.svg" alt="Logo" width={40} height={40} className="py-0.5 w-12 h-[30px] cursor-pointer" />
-        {/* <Button variant="ghost" className="text-xs p-2">
-            Options
-        </Button>
-        <Button variant="ghost" className="text-xs p-2">
-            Download
-        </Button>
-        <Button variant="ghost" className="text-xs p-2">
-            Share
-        </Button>
-        <Button variant="ghost" className="text-xs p-2">
-            Load Blueprint
-        </Button> */}
+        <Image src="/icon.svg" alt="Logo" width={40} height={40} className="py-1 w-12 h-[30px] cursor-pointer" onClick={logoClicked} />
         <MenubarComponent className="border-none m-0 p-0">
             <MenubarMenu>
                 <MenubarTrigger className="rounded-none m-0">Project</MenubarTrigger>

diff --git a/next_app/src/components/sidebar/components/files.tsx b/next_app/src/components/sidebar/components/files.tsx
@@ -1,9 +1,9 @@
 import { TSidebarItem } from ".";
-import { FileCode } from "lucide-react"
+import { Files } from "lucide-react"
 import { useGlobalState } from "@/hooks";
 
 const item:TSidebarItem = {
-    icon: FileCode,
+    icon: Files,
     label: "Files",
     value: "FILES"
 }

diff --git a/next_app/src/components/sidebar/components/packages.tsx b/next_app/src/components/sidebar/components/packages.tsx
@@ -1,8 +1,8 @@
 import { TSidebarItem } from ".";
-import { Package } from "lucide-react"
+import { Blocks } from "lucide-react"
 
 const item:TSidebarItem = {
-    icon: Package,
+    icon: Blocks,
     label: "Packages",
     value: "PACKAGES"
 }

diff --git a/next_app/src/components/sidebar/components/projects.tsx b/next_app/src/components/sidebar/components/projects.tsx
@@ -1,9 +1,9 @@
 import { TSidebarItem } from ".";
-import { BookCopy } from "lucide-react"
+import { FolderIcon } from "lucide-react"
 
 const item:TSidebarItem = {
-    icon: BookCopy,
-    label: "All Projects",
+    icon: FolderIcon,
+    label: "Projects",
     value: "ALL_PROJECTS"
 }
 

diff --git a/next_app/src/components/sidebar/index.tsx b/next_app/src/components/sidebar/index.tsx
@@ -34,7 +34,7 @@ export default function Sidebar({ drawerRef }: { drawerRef: MutableRefObject<Imp
                     <Button variant="ghost" data-active={globalState.activeSidebarItem == Item.value}
                         className="rounded-none h-12 w-12 flex items-center justify-center p-0 data-[active=true]:bg-primary"
                         onClick={sidebarButtonClicked(Item.value)}
-                        ><Item.icon data-active={globalState.activeSidebarItem == Item.value}
+                        ><Item.icon strokeWidth={1.5} data-active={globalState.activeSidebarItem == Item.value}
                                 className="data-[active=true]:text-white"
                             />
                         </Button>
@@ -52,7 +52,7 @@ export default function Sidebar({ drawerRef }: { drawerRef: MutableRefObject<Imp
             <Tooltip>
                 <TooltipTrigger>
                     <Button variant="ghost" className="rounded-none" onClick={sidebarButtonClicked("SETTINGS")}>
-                        <Settings />
+                        <Settings strokeWidth={1.5} />
                     </Button>
                 </TooltipTrigger>
                 <TooltipContent side="right" sideOffset={-1}>Settings</TooltipContent>