show if i've liked

src/lib/components/community/reactions/Reaction.svelte

@@ -4,6 +4,7 @@
   export let emoji: string;
   export let count: number;
   export let gallery_id: string;
+  export let liked: boolean;
   export let onReact: (emoji: string, id: string, deleted: boolean) => void;
 
   const handleReaction = async (emoji: string) => {
@@ -22,8 +23,10 @@
 </script>
 
 <UserIsLogged>
+  <!-- liked -->
   <button
     class="rounded-full bg-white text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-3 py-1 border border-white hover:bg-neutral-200 text-sm"
+    class:bg-opacity-60={!liked}
     on:click={() => handleReaction(emoji)}
   >
     <span class="text-base">{emoji}</span>

src/lib/components/community/reactions/Reactions.svelte

@@ -16,17 +16,21 @@
       return {
         emoji,
         count: reactions.filter((reaction) => reaction.emoji === emoji).length,
+        liked: !!reactions.find((reaction) => reaction.emoji === emoji && reaction.hf_user_id === user?.sub)
       };
     });
   };
 
   $: groupedReactions = groupReactionsByEmoji(reactions);
+
+  $: console.log(groupedReactions);
 </script>
 
 {#each groupedReactions as reaction}
   <Reaction
     emoji={reaction.emoji}
     count={reaction?.count}
+    liked={reaction?.liked}
     {gallery_id}
     onReact={(emoji, id, deleted) => {
       if (deleted) {