From 1fe42542aedcd031bf45a1659e5e35534d6e7b50 Mon Sep 17 00:00:00 2001
From: Reza Rahemtola <reza.rahemtola@epitech.eu>
Date: Sun, 1 Sep 2024 20:47:45 +0900
Subject: [PATCH] feat(kb): Documentation link added

---
 src/components/EssentialLink.vue | 36 --------------------------------
 src/pages/KnowledgeBasesList.vue |  8 ++++++-
 2 files changed, 7 insertions(+), 37 deletions(-)
 delete mode 100644 src/components/EssentialLink.vue

diff --git a/src/components/EssentialLink.vue b/src/components/EssentialLink.vue
deleted file mode 100644
index f0d8f00..0000000
--- a/src/components/EssentialLink.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <q-item :href="link" clickable tag="a" target="_blank">
-    <q-item-section v-if="icon" avatar>
-      <q-icon :name="icon" />
-    </q-item-section>
-
-    <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
-      <q-item-label caption>{{ caption }}</q-item-label>
-    </q-item-section>
-  </q-item>
-</template>
-
-<script lang="ts" setup>
-const { title, caption, link, icon } = defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-
-  caption: {
-    type: String,
-    default: '',
-  },
-
-  link: {
-    type: String,
-    default: '#',
-  },
-
-  icon: {
-    type: String,
-    default: '',
-  },
-});
-</script>
diff --git a/src/pages/KnowledgeBasesList.vue b/src/pages/KnowledgeBasesList.vue
index 54f9b93..13d74c2 100644
--- a/src/pages/KnowledgeBasesList.vue
+++ b/src/pages/KnowledgeBasesList.vue
@@ -1,6 +1,12 @@
 <template>
   <section class="max-sm:tw-mx-4 sm:tw-mx-10 tw-my-5">
-    <h4 class="text-h4 text-semibold tw-mb-5">Knowledge base</h4>
+    <div class="tw-flex tw-mb-5 tw-items-center tw-space-x-2">
+      <h4 class="text-h4 text-semibold">Knowledge base</h4>
+      <a href="https://docs.libertai.io/chat/documents/knowledge-base" target="_blank">
+        <ltai-icon name="help_outline" size="xs" />
+      </a>
+    </div>
+
     <p>Manage your knowledge bases</p>
     <div class="tw-mt-4 tw-mb-8 tw-flex md:tw-justify-end">
       <q-btn class="border-primary-highlight" no-caps rounded unelevated @click="createKnowledgeDialog = true">