Update component.

Author: nikoshell

src/components/island/CodeHeart.svelte

@@ -75,7 +75,7 @@
   });
 </script>
 
-{#if !mini || isFavorite }
+{#if !mini}
   <div class="code-heart">
     <button
       class="heart-button"
@@ -94,6 +94,14 @@
       {/if}
     </button>
   </div>
+{:else}
+  <div class="code-heart">
+      {#if isFavorite}
+        <svg xmlns="http://www.w3.org/2000/svg" class="heart-icon filled" viewBox="0 0 24 24" width="24" height="24">
+          <path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
+        </svg>
+      {/if}
+  </div>
 {/if}
 
 <style>

src/components/sessions/list-sessions.astro

@@ -2,11 +2,13 @@
 const { sessions } = Astro.props;
 import Prose from "@ui/Prose.astro";
 import Tag from "@ui/Tag.astro";
+import CodeHeart from "@components/island/CodeHeart.svelte";
 import SessionSpeakers from "./session-speakers.astro";
 
 type Session = {
   data: {
     title: string;
+    code: string;
     speakers: Array<{
       id: string;
       collection: "speakers";
@@ -34,6 +36,13 @@ type Session = {
             <a href={`/session/${session.id}`} class="underline">
               {session.data.title}
             </a>
+
+  <CodeHeart
+    client:load
+    mini={true}
+    codeId={session.data.code}
+    title={session.data.title}
+  />
           </h4>
           <p>
             <span class="sr-only">Speakers:</span>

src/pages/speaker/[slug].astro

@@ -6,6 +6,7 @@ import { Image } from "astro:assets";
 import Markdown from "@ui/Markdown.astro";
 import Headline from "@ui/Headline.astro";
 import Section from "@ui/Section.astro"
+import CodeHeart from "@components/island/CodeHeart.svelte";
 
 
 export async function getStaticPaths() {
@@ -249,6 +250,13 @@ function getGitHosting(url: string): string | undefined {
             >
               {session.data.title}
             </a>
+
+  <CodeHeart
+    client:load
+    mini={true}
+    codeId={session.data.code}
+    title={session.data.title}
+  />
           </li>
         ))
       }