RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix final TypeScript error in favorite button - add null assertions and conditional checks for verseNumber

Browse Source
This commit is contained in:
Ryderjj89
2025-09-28 13:08:24 -04:00
parent 061f11e686
commit 1f526df0bc
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/BibleReader.tsx
View File

@@ -269,13 +269,13 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
{/* Star button - only show for authenticated users */}
{user && verseNumber && (
<button
onClick={() => toggleFavorite(verseNumber)}
onClick={() => verseNumber && toggleFavorite(verseNumber)}
className="ml-2 mt-1 p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
title={favorites.has(verseNumber) ? 'Remove from favorites' : 'Add to favorites'}
title={favorites.has(verseNumber!) ? 'Remove from favorites' : 'Add to favorites'}
>
<Star
className={`h-4 w-4 ${
favorites.has(verseNumber)
favorites.has(verseNumber!)
? 'text-yellow-500 fill-yellow-500'
: 'text-gray-400 hover:text-yellow-500'
} transition-colors`}