shardegger/storycove
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ff

Browse Source
This commit is contained in:
Stefan Hardegger
2025-09-22 12:43:05 +02:00
parent b68fde71c0
commit 1f41974208
6 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/library/LibraryContent.tsx
View File

@@ -15,7 +15,7 @@ import MinimalLayout from '../../components/library/MinimalLayout';
import { useLibraryLayout } from '../../hooks/useLibraryLayout';
type ViewMode = 'grid' | 'list';
type SortOption = 'createdAt' | 'title' | 'authorName' | 'rating' | 'wordCount' | 'lastRead';
type SortOption = 'createdAt' | 'title' | 'authorName' | 'rating' | 'wordCount' | 'lastReadAt';
export default function LibraryContent() {
const router = useRouter();
@@ -29,7 +29,7 @@ export default function LibraryContent() {
const [searchQuery, setSearchQuery] = useState('');
const [selectedTags, setSelectedTags] = useState<string[]>([]);
const [viewMode, setViewMode] = useState<ViewMode>('list');
const [sortOption, setSortOption] = useState<SortOption>('lastRead');
const [sortOption, setSortOption] = useState<SortOption>('lastReadAt');
const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('desc');
const [page, setPage] = useState(0);
const [totalPages, setTotalPages] = useState(1);

2
frontend/src/components/library/MinimalLayout.tsx
View File

@@ -66,7 +66,7 @@ export default function MinimalLayout({
const getSortDisplayText = () => {
const sortLabels: Record<string, string> = {
lastRead: 'Last Read',
lastReadAt: 'Last Read',
createdAt: 'Date Added',
title: 'Title',
authorName: 'Author',

6
frontend/src/components/library/SidebarLayout.tsx
View File

@@ -122,8 +122,8 @@ export default function SidebarLayout({
}}
className="px-2 py-1 border rounded-lg theme-card border-gray-300 dark:border-gray-600 text-xs"
>
<option value="lastRead_desc">Last Read ↓</option>
<option value="lastRead_asc">Last Read ↑</option>
<option value="lastReadAt_desc">Last Read ↓</option>
<option value="lastReadAt_asc">Last Read ↑</option>
<option value="createdAt_desc">Date Added ↓</option>
<option value="createdAt_asc">Date Added ↑</option>
<option value="title_asc">Title ↑</option>
@@ -226,7 +226,7 @@ export default function SidebarLayout({
onChange={(e) => onSortChange(e.target.value)}
className="flex-1 px-3 py-2 border rounded-lg theme-card border-gray-300 dark:border-gray-600"
>
<option value="lastRead">Last Read</option>
<option value="lastReadAt">Last Read</option>
<option value="createdAt">Date Added</option>
<option value="title">Title</option>
<option value="authorName">Author</option>

4
frontend/src/components/library/ToolbarLayout.tsx
View File

@@ -110,8 +110,8 @@ export default function ToolbarLayout({
}}
className="w-full px-3 py-2 border rounded-lg theme-card border-gray-300 dark:border-gray-600 max-md:text-sm"
>
<option value="lastRead_desc">Sort: Last Read ↓</option>
<option value="lastRead_asc">Sort: Last Read ↑</option>
<option value="lastReadAt_desc">Sort: Last Read ↓</option>
<option value="lastReadAt_asc">Sort: Last Read ↑</option>
<option value="createdAt_desc">Sort: Date Added ↓</option>
<option value="createdAt_asc">Sort: Date Added ↑</option>
<option value="title_asc">Sort: Title ↑</option>