refactor(ui): replace logout button text with icon button

- Replace text logout buttons with IconButton component
- Use faRightFromBracket icon for a cleaner, more minimal interface
- Apply changes to both loading state and normal state
- Maintain consistent styling with ghost variant
This commit is contained in:
Gigi
2025-10-03 01:48:45 +02:00
parent 0c2f528a23
commit 436bbf2b43
2 changed files with 18 additions and 7 deletions

View File

@@ -1,9 +1,10 @@
import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons'
import { faChevronLeft, faChevronRight, faRightFromBracket } from '@fortawesome/free-solid-svg-icons'
import { Bookmark, ActiveAccount } from '../types/bookmarks'
import { BookmarkItem } from './BookmarkItem'
import { formatDate, renderParsedContent } from '../utils/bookmarkUtils'
import IconButton from './IconButton'
interface BookmarkListProps {
bookmarks: Bookmark[]
@@ -56,9 +57,13 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
>
<FontAwesomeIcon icon={faChevronLeft} />
</button>
<button onClick={onLogout} className="logout-button">
Logout
</button>
<IconButton
icon={faRightFromBracket}
onClick={onLogout}
title="Logout"
ariaLabel="Logout"
variant="ghost"
/>
</div>
</div>