From 857337c7488cadb77b62ff3dcd75bc2168b4694d Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 3 Oct 2025 02:06:40 +0200
Subject: [PATCH] fix(ui): swap chevron directions for collapse/expand button

- When sidebar is expanded: show chevron RIGHT (to collapse/hide)
- When sidebar is collapsed: show chevron LEFT (to expand/show)
- Update SidebarHeader to use faChevronRight
- Update BookmarkList collapsed state to use faChevronLeft
---
 src/components/BookmarkList.tsx  | 4 ++--
 src/components/SidebarHeader.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/BookmarkList.tsx b/src/components/BookmarkList.tsx
index 88855a20..e3a6bfc1 100644
--- a/src/components/BookmarkList.tsx
+++ b/src/components/BookmarkList.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
+import { faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import { Bookmark } from '../types/bookmarks'
 import { BookmarkItem } from './BookmarkItem'
 import { formatDate, renderParsedContent } from '../utils/bookmarkUtils'
@@ -30,7 +30,7 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
           title="Expand bookmarks sidebar"
           aria-label="Expand bookmarks sidebar"
         >
-          <FontAwesomeIcon icon={faChevronRight} />
+          <FontAwesomeIcon icon={faChevronLeft} />
         </button>
       </div>
     )
diff --git a/src/components/SidebarHeader.tsx b/src/components/SidebarHeader.tsx
index 534c6ca8..daf22d73 100644
--- a/src/components/SidebarHeader.tsx
+++ b/src/components/SidebarHeader.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faChevronLeft, faRightFromBracket, faUser } from '@fortawesome/free-solid-svg-icons'
+import { faChevronRight, faRightFromBracket, faUser } from '@fortawesome/free-solid-svg-icons'
 import { Hooks } from 'applesauce-react'
 import { useEventModel } from 'applesauce-react/hooks'
 import { Models } from 'applesauce-core'
@@ -37,7 +37,7 @@ const SidebarHeader: React.FC<SidebarHeaderProps> = ({ onToggleCollapse, onLogou
         title="Collapse bookmarks sidebar"
         aria-label="Collapse bookmarks sidebar"
       >
-        <FontAwesomeIcon icon={faChevronLeft} />
+        <FontAwesomeIcon icon={faChevronRight} />
       </button>
       <div className="profile-avatar" title={getUserDisplayName()}>
         {profileImage ? (