From 6a4f7205e74ad3c8b9d1fb86f7b2af076623c063 Mon Sep 17 00:00:00 2001
From: hug0 <hugolovighi@gmail.com>
Date: Mon, 27 Oct 2025 17:05:15 +0100
Subject: [PATCH 1/4] Update panel icons

---
 resources/js/components/ui/sidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx
index 95aee212a..f28bcad31 100644
--- a/resources/js/components/ui/sidebar.tsx
+++ b/resources/js/components/ui/sidebar.tsx
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { VariantProps, cva } from "class-variance-authority"
-import { PanelLeftIcon } from "lucide-react"
+import { PanelLeftOpenIcon, PanelRightOpenIcon } from "lucide-react"
 
 import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"
@@ -253,7 +253,7 @@ function SidebarTrigger({
   onClick,
   ...props
 }: React.ComponentProps<typeof Button>) {
-  const { toggleSidebar } = useSidebar()
+  const { toggleSidebar, state } = useSidebar()
 
   return (
     <Button
@@ -268,7 +268,7 @@ function SidebarTrigger({
       }}
       {...props}
     >
-      <PanelLeftIcon />
+       {state === 'collapsed' ? <PanelLeftOpenIcon /> : <PanelRightOpenIcon />}
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
   )

From 4f89aaa7e2560b9d708267908a0bb149144a79fb Mon Sep 17 00:00:00 2001
From: hug0 <hugolovighi@gmail.com>
Date: Wed, 29 Oct 2025 02:17:04 +0100
Subject: [PATCH 2/4] Refactor sidebar toggle button to use isMobile state

---
 resources/js/components/ui/sidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx
index f28bcad31..52e2d6ec6 100644
--- a/resources/js/components/ui/sidebar.tsx
+++ b/resources/js/components/ui/sidebar.tsx
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { VariantProps, cva } from "class-variance-authority"
-import { PanelLeftOpenIcon, PanelRightOpenIcon } from "lucide-react"
+import { PanelLeftIcon, PanelLeftOpenIcon, PanelRightOpenIcon } from 'lucide-react'
 
 import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"
@@ -253,7 +253,7 @@ function SidebarTrigger({
   onClick,
   ...props
 }: React.ComponentProps<typeof Button>) {
-  const { toggleSidebar, state } = useSidebar()
+  const { toggleSidebar, isMobile, state } = useSidebar()
 
   return (
     <Button
@@ -268,7 +268,7 @@ function SidebarTrigger({
       }}
       {...props}
     >
-       {state === 'collapsed' ? <PanelLeftOpenIcon /> : <PanelRightOpenIcon />}
+       {isMobile ? <PanelLeftIcon /> : state === 'collapsed' ? <PanelLeftOpenIcon /> : <PanelRightOpenIcon />}
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
   )

From 977305069c62d7eff24c1e84d5d0483164e2d5dc Mon Sep 17 00:00:00 2001
From: hug0 <hugolovighi@gmail.com>
Date: Wed, 29 Oct 2025 02:17:50 +0100
Subject: [PATCH 3/4] Fix import statement formatting in sidebar.tsx

---
 resources/js/components/ui/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx
index 52e2d6ec6..811452fd8 100644
--- a/resources/js/components/ui/sidebar.tsx
+++ b/resources/js/components/ui/sidebar.tsx
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { VariantProps, cva } from "class-variance-authority"
-import { PanelLeftIcon, PanelLeftOpenIcon, PanelRightOpenIcon } from 'lucide-react'
+import { PanelLeftIcon, PanelLeftOpenIcon, PanelRightOpenIcon } from "lucide-react"
 
 import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"

From f7e73b6f67b4ccd91f57d59c3fd8f0f7cb082068 Mon Sep 17 00:00:00 2001
From: hug0 <hugolovighi@gmail.com>
Date: Wed, 29 Oct 2025 02:19:51 +0100
Subject: [PATCH 4/4] Fix JSX syntax for sidebar icons

---
 resources/js/components/ui/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx
index 811452fd8..0d51d6046 100644
--- a/resources/js/components/ui/sidebar.tsx
+++ b/resources/js/components/ui/sidebar.tsx
@@ -268,7 +268,7 @@ function SidebarTrigger({
       }}
       {...props}
     >
-       {isMobile ? <PanelLeftIcon /> : state === 'collapsed' ? <PanelLeftOpenIcon /> : <PanelRightOpenIcon />}
+       {isMobile ? <PanelLeftIcon /> : state === "collapsed" ? <PanelLeftOpenIcon /> : <PanelRightOpenIcon />}
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
   )