viewer in saved gen

src/lib/components/community/viewer/Viewer.svelte

@@ -9,7 +9,7 @@
 	import Reactions from '../reactions/Reactions.svelte';
 	import Button from '$lib/components/Button.svelte';
 
-  export let form: Record<string, string>;
+  export let form: Record<string, string> | undefined = undefined;
   let { open, gallery, previous, next } = get(galleryStore);
   let loading = false;
 
@@ -126,26 +126,28 @@
               </div>
             </div>
           </div>
-          <footer class="border-t border-neutral-800 px-8 py-6 flex items-center justify-between">
-            <Button
-              size="lg"
-              theme="dark"
-              disabled={!previous}
-              loading={loading}
-              onClick={() => handlePagination(previous)}
-            >
-              Previous
-            </Button>
-            <Button
-              size="lg"
-              theme="light"
-              loading={loading}
-              disabled={!next}
-              onClick={() => handlePagination(next)}
-            >
-              Next
-            </Button>
-          </footer>
+          {#if form}
+            <footer class="border-t border-neutral-800 px-8 py-6 flex items-center justify-between">
+              <Button
+                size="lg"
+                theme="dark"
+                disabled={!previous}
+                loading={loading}
+                onClick={() => handlePagination(previous)}
+              >
+                Previous
+              </Button>
+              <Button
+                size="lg"
+                theme="light"
+                loading={loading}
+                disabled={!next}
+                onClick={() => handlePagination(next)}
+              >
+                Next
+              </Button>
+            </footer>
+          {/if}
         </div>
       {/if}
     </div>

src/routes/saved-generations/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import Card from "$lib/components/community/Card.svelte";
 	import GoTop from "$lib/components/GoTop.svelte";
+	import GalleryViewer from "$lib/components/community/viewer/Viewer.svelte";
 
   export let data
 
@@ -33,4 +34,5 @@
 		{/each}
 		<GoTop />
 	</div>
+	<GalleryViewer />
 </main>