Spaces:
Runtime error
Runtime error
fix undefined
Browse files
frontend/src/lib/Palette.svelte
CHANGED
@@ -10,9 +10,9 @@
|
|
10 |
|
11 |
let seletecdImage = 0;
|
12 |
|
13 |
-
$: prompt = promptData
|
14 |
-
$: colors = promptData
|
15 |
-
$: imageSrc = promptData
|
16 |
let isCopying = false;
|
17 |
|
18 |
async function copyStringToClipboard(text: string) {
|
@@ -37,7 +37,9 @@
|
|
37 |
<p>{prompt}</p>
|
38 |
</blockquote>
|
39 |
<div class="row-start-3 md:row-start-2 col-span-6 md:col-span-4 flex items-center justify-center">
|
40 |
-
|
|
|
|
|
41 |
</div>
|
42 |
<div class="row-start-2 col-span-6 md:col-span-2 flex justify-center md:justify-end pb-3">
|
43 |
<div class="relative">
|
|
|
10 |
|
11 |
let seletecdImage = 0;
|
12 |
|
13 |
+
$: prompt = promptData?.prompt;
|
14 |
+
$: colors = promptData?.images[seletecdImage]?.colors.map((e) => d3.rgb(e)) || [];
|
15 |
+
$: imageSrc = promptData?.images[seletecdImage]?.imgURL;
|
16 |
let isCopying = false;
|
17 |
|
18 |
async function copyStringToClipboard(text: string) {
|
|
|
37 |
<p>{prompt}</p>
|
38 |
</blockquote>
|
39 |
<div class="row-start-3 md:row-start-2 col-span-6 md:col-span-4 flex items-center justify-center">
|
40 |
+
{#if colors}
|
41 |
+
<ColorPalette {colors} />
|
42 |
+
{/if}
|
43 |
</div>
|
44 |
<div class="row-start-2 col-span-6 md:col-span-2 flex justify-center md:justify-end pb-3">
|
45 |
<div class="relative">
|
frontend/src/routes/+page.svelte
CHANGED
@@ -25,8 +25,8 @@
|
|
25 |
|
26 |
async function fetchData() {
|
27 |
const palettes = await fetch(apiUrl + '/data').then((d) => d.json());
|
28 |
-
if (!promptsData || palettes
|
29 |
-
promptsData = sortData(palettes)
|
30 |
}
|
31 |
}
|
32 |
|
|
|
25 |
|
26 |
async function fetchData() {
|
27 |
const palettes = await fetch(apiUrl + '/data').then((d) => d.json());
|
28 |
+
if (!promptsData || palettes?.length > promptsData?.length) {
|
29 |
+
promptsData = sortData(palettes)
|
30 |
}
|
31 |
}
|
32 |
|