type errors as usual

Quinta0 · Aug 25, 2024 · ca152d1 · ca152d1
1 parent 2155f0d
commit ca152d1
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/components/GlyphGenerator.tsx b/components/GlyphGenerator.tsx
@@ -511,6 +511,11 @@ const GlyphGenerator = () => {
         </div>
     );
 
+    const getUserVote = (item: GalleryItem, voteType: 'up' | 'down'): boolean => {
+        if (!userId || !item.votes || !item.votes.users) return false;
+        return item.votes.users[userId] === voteType;
+    };
+
     const ImageCarousel = ({ images }: { images: string[] }) => {
         const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true });
         const [currentIndex, setCurrentIndex] = useState(0);
@@ -707,14 +712,14 @@ const GlyphGenerator = () => {
                                         <span className="mr-2">{item.votes?.count || 0}</span>
                                         <Button
                                             onClick={() => handleVote(item.id, 'up')}
-                                            className={`mr-1 ${item.votes?.users?.[userId] === 'up' ? 'bg-blue-500' : ''}`}
+                                            className={`mr-1 ${getUserVote(item, 'up') ? 'bg-blue-500' : ''}`}
                                             disabled={item.creatorId === userId}
                                         >
                                             👍
                                         </Button>
                                         <Button
                                             onClick={() => handleVote(item.id, 'down')}
-                                            className={`mr-1 ${item.votes?.users?.[userId] === 'down' ? 'bg-red-500' : ''}`}
+                                            className={`mr-1 ${getUserVote(item, 'down') ? 'bg-red-500' : ''}`}
                                             disabled={item.creatorId === userId}
                                         >
                                             👎