From 1a26e676118ca7a816dd817bbb9967c26835a67e Mon Sep 17 00:00:00 2001 From: "Timothy J. Baek" Date: Wed, 2 Oct 2024 07:44:07 -0700 Subject: [PATCH] refac: styling --- src/lib/components/AddFilesPlaceholder.svelte | 10 +++- .../workspace/Knowledge/Files.svelte | 0 .../workspace/Knowledge/Item.svelte | 51 ++++++++++++++++--- 3 files changed, 53 insertions(+), 8 deletions(-) create mode 100644 src/lib/components/workspace/Knowledge/Files.svelte diff --git a/src/lib/components/AddFilesPlaceholder.svelte b/src/lib/components/AddFilesPlaceholder.svelte index 3bdbe9281..a3057c560 100644 --- a/src/lib/components/AddFilesPlaceholder.svelte +++ b/src/lib/components/AddFilesPlaceholder.svelte @@ -1,10 +1,18 @@
📄
-
{$i18n.t('Add Files')}
+
+ {#if title} + {title} + {:else} + {$i18n.t('Add Files')} + {/if} +
diff --git a/src/lib/components/workspace/Knowledge/Files.svelte b/src/lib/components/workspace/Knowledge/Files.svelte new file mode 100644 index 000000000..e69de29bb diff --git a/src/lib/components/workspace/Knowledge/Item.svelte b/src/lib/components/workspace/Knowledge/Item.svelte index 2afd81945..52c92ae41 100644 --- a/src/lib/components/workspace/Knowledge/Item.svelte +++ b/src/lib/components/workspace/Knowledge/Item.svelte @@ -5,21 +5,25 @@ import { goto } from '$app/navigation'; import { page } from '$app/stores'; + import { mobile, showSidebar } from '$lib/stores'; + import { getKnowledgeById } from '$lib/apis/knowledge'; import Spinner from '$lib/components/common/Spinner.svelte'; import Tooltip from '$lib/components/common/Tooltip.svelte'; import EllipsisVertical from '$lib/components/icons/EllipsisVertical.svelte'; - import { mobile } from '$lib/stores'; import EllipsisHorizontal from '$lib/components/icons/EllipsisHorizontal.svelte'; import BookOpen from '$lib/components/icons/BookOpen.svelte'; import Badge from '$lib/components/common/Badge.svelte'; + import Files from './Files.svelte'; + import AddFilesPlaceholder from '$lib/components/AddFilesPlaceholder.svelte'; let id = null; let knowledge = null; let query = ''; let selectedFileId = null; + let dragged = false; onMount(async () => { id = $page.params.id; @@ -36,6 +40,29 @@ }); +{#if dragged} +
+
+
+
+ +
+ Drop any files here to add to my documents +
+
+
+
+
+
+{/if} +
-
+
-
- {knowledge?.data?.file_ids ?? []} +
+ {#if (knowledge?.data?.file_ids ?? []).length > 0} + + {:else} +
No content found
+ {/if}
@@ -153,7 +184,13 @@ {#if selectedFileId}