middleware btn

src/lib/components/generate/Response.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { get } from "svelte/store";
   import { generationStore } from "$lib/stores/use-generation";
+	import UserIsLogged from '$lib/components/UserIsLogged.svelte';
 
 	import Button from "$lib/components/Button.svelte";
-  import Loading from "$lib/components/Loading.svelte";
 
   let generation = get(generationStore);
   export let loading_generation: boolean = false;
@@ -86,21 +86,23 @@
         <div class="p-8 w-full">
           <div class="w-full flex items-center justify-end gap-4">
             <Button size="lg" theme="light" icon="material-symbols:save" iconPosition="right" onClick={saveImage}>Save</Button>
-            <Button
-              size="lg"
-              theme="blue"
-              icon="bxs:share"
-              iconPosition="right"
-              loading={loading}
-              disabled={loading || already_saved}
-              onClick={share}
-            >
-              {#if already_saved}
-                Shared!
-              {:else}
-                Share with community
-              {/if}
-            </Button>
+            <UserIsLogged>
+              <Button
+                size="lg"
+                theme="blue"
+                icon="bxs:share"
+                iconPosition="right"
+                loading={loading}
+                disabled={loading || already_saved}
+                onClick={share}
+              >
+                {#if already_saved}
+                  Shared!
+                {:else}
+                  Share with community
+                {/if}
+              </Button>
+            </UserIsLogged>
           </div>
           <p class="text-neutral-500 text-sm text-right mt-2.5">
             All images not shared with the community are deleted right after generation.