From d0b814e39d0285b941e01096c97fd85bf32ef58c Mon Sep 17 00:00:00 2001 From: Gigi Date: Wed, 15 Oct 2025 22:40:52 +0200 Subject: [PATCH] fix: update Archive filter icons for consistency - Change 'All' icon to asterisk (*) to match Bookmarks filter - Change 'Marked as Read' icon to faBooks (custom icon) - Maintains consistent iconography across filter types --- src/components/ArchiveFilters.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ArchiveFilters.tsx b/src/components/ArchiveFilters.tsx index 671a6008..1d4c9cac 100644 --- a/src/components/ArchiveFilters.tsx +++ b/src/components/ArchiveFilters.tsx @@ -1,6 +1,6 @@ import React from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faBookOpen, faBookmark, faCheckCircle } from '@fortawesome/free-solid-svg-icons' +import { faBookOpen, faBookmark, faCheckCircle, faAsterisk } from '@fortawesome/free-solid-svg-icons' import { faBooks } from '../icons/customIcons' export type ArchiveFilterType = 'all' | 'to-read' | 'reading' | 'completed' | 'marked' @@ -12,11 +12,11 @@ interface ArchiveFiltersProps { const ArchiveFilters: React.FC = ({ selectedFilter, onFilterChange }) => { const filters = [ - { type: 'all' as const, icon: faBooks, label: 'All' }, + { type: 'all' as const, icon: faAsterisk, label: 'All' }, { type: 'to-read' as const, icon: faBookmark, label: 'To Read' }, { type: 'reading' as const, icon: faBookOpen, label: 'Reading' }, { type: 'completed' as const, icon: faCheckCircle, label: 'Completed' }, - { type: 'marked' as const, icon: faCheckCircle, label: 'Marked as Read' } + { type: 'marked' as const, icon: faBooks, label: 'Marked as Read' } ] return (