Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
fix click on reaction stopPropagation and already_saved is stored now
Browse files
src/lib/components/UserIsLogged.svelte
CHANGED
@@ -6,6 +6,8 @@
|
|
6 |
let user = get(userStore);
|
7 |
|
8 |
const handleClick = (e: any) => {
|
|
|
|
|
9 |
if (!user) {
|
10 |
loginModalStore.update(() => true);
|
11 |
}
|
|
|
6 |
let user = get(userStore);
|
7 |
|
8 |
const handleClick = (e: any) => {
|
9 |
+
e.preventDefault();
|
10 |
+
e.stopPropagation();
|
11 |
if (!user) {
|
12 |
loginModalStore.update(() => true);
|
13 |
}
|
src/lib/components/community/reactions/Add.svelte
CHANGED
@@ -51,7 +51,11 @@
|
|
51 |
class:!text-white={isOpen}
|
52 |
class:opacity-0={count >= 4}
|
53 |
>
|
54 |
-
<button on:click={() =>
|
|
|
|
|
|
|
|
|
55 |
<Icon icon="fluent:emoji-add-16-regular" class="w-6 h-6" />
|
56 |
</button>
|
57 |
<div
|
|
|
51 |
class:!text-white={isOpen}
|
52 |
class:opacity-0={count >= 4}
|
53 |
>
|
54 |
+
<button on:click={(e) => {
|
55 |
+
e.preventDefault();
|
56 |
+
e.stopPropagation();
|
57 |
+
isOpen = !isOpen
|
58 |
+
}}>
|
59 |
<Icon icon="fluent:emoji-add-16-regular" class="w-6 h-6" />
|
60 |
</button>
|
61 |
<div
|
src/lib/components/community/reactions/Reaction.svelte
CHANGED
@@ -23,7 +23,11 @@
|
|
23 |
<button
|
24 |
class="rounded-full bg-white text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-3 py-1 border border-white hover:bg-neutral-200 text-sm"
|
25 |
class:bg-opacity-60={!liked}
|
26 |
-
on:click={() =>
|
|
|
|
|
|
|
|
|
27 |
>
|
28 |
<span class="text-base">{emoji}</span>
|
29 |
{count}
|
|
|
23 |
<button
|
24 |
class="rounded-full bg-white text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-3 py-1 border border-white hover:bg-neutral-200 text-sm"
|
25 |
class:bg-opacity-60={!liked}
|
26 |
+
on:click={(e) => {
|
27 |
+
e.preventDefault();
|
28 |
+
e.stopPropagation();
|
29 |
+
handleReaction(emoji)
|
30 |
+
}}
|
31 |
>
|
32 |
<span class="text-base">{emoji}</span>
|
33 |
{count}
|
src/lib/components/generate/Response.svelte
CHANGED
@@ -9,7 +9,6 @@
|
|
9 |
export let loading_generation: boolean = false;
|
10 |
|
11 |
let loading: boolean = false;
|
12 |
-
let already_saved: boolean = false;
|
13 |
let user = get(userStore)
|
14 |
|
15 |
const saveImage = () => {
|
@@ -31,7 +30,12 @@
|
|
31 |
},
|
32 |
}).then(() => {
|
33 |
loading = false;
|
34 |
-
|
|
|
|
|
|
|
|
|
|
|
35 |
})
|
36 |
}
|
37 |
|
@@ -91,9 +95,9 @@
|
|
91 |
iconPosition="right"
|
92 |
loading={loading}
|
93 |
onClick={share}
|
94 |
-
disabled={loading || already_saved}
|
95 |
>
|
96 |
-
{#if already_saved}
|
97 |
Shared!
|
98 |
{:else}
|
99 |
Share with community
|
|
|
9 |
export let loading_generation: boolean = false;
|
10 |
|
11 |
let loading: boolean = false;
|
|
|
12 |
let user = get(userStore)
|
13 |
|
14 |
const saveImage = () => {
|
|
|
30 |
},
|
31 |
}).then(() => {
|
32 |
loading = false;
|
33 |
+
generationStore.update((value) => {
|
34 |
+
return {
|
35 |
+
...value,
|
36 |
+
already_saved: true
|
37 |
+
}
|
38 |
+
})
|
39 |
})
|
40 |
}
|
41 |
|
|
|
95 |
iconPosition="right"
|
96 |
loading={loading}
|
97 |
onClick={share}
|
98 |
+
disabled={loading || generation?.already_saved}
|
99 |
>
|
100 |
+
{#if generation?.already_saved}
|
101 |
Shared!
|
102 |
{:else}
|
103 |
Share with community
|
src/lib/stores/use-generation.ts
CHANGED
@@ -7,4 +7,5 @@ export const generationStore = writable<{
|
|
7 |
form?: Record<string, any>,
|
8 |
gallery?: CommunityCard,
|
9 |
image?: string | ArrayBuffer | null,
|
|
|
10 |
}>(undefined);
|
|
|
7 |
form?: Record<string, any>,
|
8 |
gallery?: CommunityCard,
|
9 |
image?: string | ArrayBuffer | null,
|
10 |
+
already_saved?: boolean,
|
11 |
}>(undefined);
|