From 329b7abb188d00cf575b29d84506ebc0147fa744 Mon Sep 17 00:00:00 2001
From: Patrick Plate <patrick.plate@adp.com>
Date: Sat, 13 Jun 2026 17:53:02 +0200
Subject: [PATCH] fix: replace shadboard.svg with Cannabis leaf icon from
 lucide-react

Uses the same Cannabis icon as the login page for consistent branding.
Removed unused next/image imports.
---
 .../layout/horizontal-layout/bottom-bar-header.tsx    | 10 ++--------
 .../src/components/layout/sidebar.tsx                 | 11 ++---------
 2 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/cannamanage-frontend/src/components/layout/horizontal-layout/bottom-bar-header.tsx b/cannamanage-frontend/src/components/layout/horizontal-layout/bottom-bar-header.tsx
index 3ef4578..5934c30 100644
--- a/cannamanage-frontend/src/components/layout/horizontal-layout/bottom-bar-header.tsx
+++ b/cannamanage-frontend/src/components/layout/horizontal-layout/bottom-bar-header.tsx
@@ -1,7 +1,7 @@
 "use client"
 
-import Image from "next/image"
 import Link from "next/link"
+import { Cannabis } from "lucide-react"
 
 import { FullscreenToggle } from "@/components/layout/full-screen-toggle"
 import { ModeDropdown } from "@/components/layout/mode-dropdown"
@@ -13,13 +13,7 @@ export function BottomBarHeader() {
     <div className="container flex h-14 justify-between items-center gap-4">
       <ToggleMobileSidebar />
       <Link href="/" className="hidden text-foreground font-black lg:flex">
-        <Image
-          src="/images/icons/shadboard.svg"
-          alt=""
-          height={24}
-          width={24}
-          className="dark:invert"
-        />
+        <Cannabis className="h-6 w-6 text-primary" />
         <span>CannaManage</span>
       </Link>
       <div className="flex gap-2">
diff --git a/cannamanage-frontend/src/components/layout/sidebar.tsx b/cannamanage-frontend/src/components/layout/sidebar.tsx
index f4d113b..7ae5407 100644
--- a/cannamanage-frontend/src/components/layout/sidebar.tsx
+++ b/cannamanage-frontend/src/components/layout/sidebar.tsx
@@ -1,9 +1,8 @@
 "use client"
 
-import Image from "next/image"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
-import { ChevronDown } from "lucide-react"
+import { Cannabis, ChevronDown } from "lucide-react"
 
 import type { NavigationNestedItem, NavigationRootItem } from "@/types"
 
@@ -109,13 +108,7 @@ export function Sidebar() {
           className="w-fit flex text-foreground font-black p-2 pb-0 mb-2"
           onClick={() => isMobile && setOpenMobile(!openMobile)}
         >
-          <Image
-            src="/images/icons/shadboard.svg"
-            alt=""
-            height={24}
-            width={24}
-            className="dark:invert"
-          />
+          <Cannabis className="h-6 w-6 text-primary" />
           <span>CannaManage</span>
         </Link>
         <CommandMenu buttonClassName="max-w-full" />