From 96c8bb016bb9a62f992129fe45829b83651ecba9 Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Tue, 10 Sep 2024 14:57:16 +0900 Subject: [PATCH] feat(kb): Empty state for documents --- .../empty-states/knowledge-document.png | Bin 0 -> 9279 bytes src/components/EmptyState.vue | 33 ++++++++++++++++++ src/pages/KnowledgeBase.vue | 9 +++++ src/pages/KnowledgeBasesList.vue | 13 ++++--- 4 files changed, 50 insertions(+), 5 deletions(-) create mode 100644 public/assets/empty-states/knowledge-document.png create mode 100644 src/components/EmptyState.vue diff --git a/public/assets/empty-states/knowledge-document.png b/public/assets/empty-states/knowledge-document.png new file mode 100644 index 0000000000000000000000000000000000000000..dd324eba3a1e91ff5488c2c287a69c9eacbe3f51 GIT binary patch literal 9279 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 Y`F&|jrq{@O+wTLYDrzc}$(aZL4{T#xiU0rr literal 0 HcmV?d00001 diff --git a/src/components/EmptyState.vue b/src/components/EmptyState.vue new file mode 100644 index 0000000..c051b05 --- /dev/null +++ b/src/components/EmptyState.vue @@ -0,0 +1,33 @@ + + + diff --git a/src/pages/KnowledgeBase.vue b/src/pages/KnowledgeBase.vue index 09c77ca..93f527a 100644 --- a/src/pages/KnowledgeBase.vue +++ b/src/pages/KnowledgeBase.vue @@ -52,6 +52,14 @@ + +
-
- No knowledge base -

No Knowledge Base created

-

Create a Knowledge Base to get started

-
+