TMDB Entegrasyonu

client/src/components/Sidebar.svelte

@@ -1,9 +1,19 @@
 <script>
   import { Link } from "svelte-routing";
-  import { createEventDispatcher } from "svelte";
+  import { createEventDispatcher, onDestroy } from "svelte";
+  import { movieCount } from "../stores/movieStore.js";
 
   export let menuOpen = false;
   const dispatch = createEventDispatcher();
+  let hasMovies = false;
+
+  const unsubscribe = movieCount.subscribe((count) => {
+    hasMovies = (count ?? 0) > 0;
+  });
+
+  onDestroy(() => {
+    unsubscribe();
+  });
 
   // Menü öğesine tıklanınca sidebar'ı kapat
   function handleLinkClick() {
@@ -27,6 +37,20 @@
       Files
     </Link>
 
+    {#if hasMovies}
+      <Link
+        to="/movies"
+        class="item"
+        getProps={({ isCurrent }) => ({
+          class: isCurrent ? "item active" : "item",
+        })}
+        on:click={handleLinkClick}
+      >
+        <i class="fa-solid fa-film icon"></i>
+        Movies
+      </Link>
+    {/if}
+
     <Link
       to="/transfers"
       class="item"