LibraryView.svelte raw

   1  <script>
   2      import { activeLibraryView } from './libraryStores.js';
   3      import MyLibraryView from './MyLibraryView.svelte';
   4      import PublicationReader from './PublicationReader.svelte';
   5      import BookmarksView from './BookmarksView.svelte';
   6  
   7      export let isLoggedIn = false;
   8      export let userPubkey = "";
   9      export let userSigner = null;
  10      export let subView = "my-library"; // my-library, bookmarks, new
  11  
  12      // Sync from sidebar navigation
  13      $: {
  14          if (subView === "my-library") activeLibraryView.set("my-library");
  15          else if (subView === "bookmarks") activeLibraryView.set("bookmarks");
  16          else if (subView === "new") activeLibraryView.set("editor");
  17      }
  18  </script>
  19  
  20  <div class="library-view">
  21      {#if $activeLibraryView === "reader"}
  22          <PublicationReader {isLoggedIn} {userPubkey} />
  23      {:else if $activeLibraryView === "bookmarks"}
  24          <BookmarksView {isLoggedIn} {userPubkey} />
  25      {:else}
  26          <MyLibraryView {isLoggedIn} {userPubkey} {userSigner} />
  27      {/if}
  28  </div>
  29  
  30  <style>
  31      .library-view {
  32          width: 100%;
  33          height: 100%;
  34          overflow: hidden;
  35          display: flex;
  36      }
  37  </style>
  38