Fix: Eslint and Embedded Chatbar fixed on bottom

brevia-ai · Nov 26, 2024 · 488f8a3 · 488f8a3
1 parent bcb8c5d
commit 488f8a3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 9 deletions.
diff --git a/components/ChatZone.vue b/components/ChatZone.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="dialog.length">
-    <div class="pt-6 pb-4 shadow-md rounded space-y-3" :class="!isEmbedded ? 'bg-white px-4' : ''">
+    <div class="pt-6 pb-4 space-y-3" :class="{'bg-white px-4 relative shadow-md rounded': !isEmbedded}">
       <div class="flex flex-col space-y-6 pb-4">
         <div
           v-for="(item, i) in dialog"
@@ -35,7 +35,7 @@
       </div>
     </div>
   </div>
-  <div class="space-y-4">
+  <div class="space-y-4" :class="{'bottom-6 left-0 absolute px-4 grow w-full': isEmbedded}">
     <div class="flex space-x-4">
       <input
         ref="input"

diff --git a/pages/chatbot-iframe/[uuid].vue b/pages/chatbot-iframe/[uuid].vue
@@ -10,14 +10,11 @@
 definePageMeta({
   layout: 'iframe',
 });
-const { t } = useI18n();
 
 const collection = ref<{ name?: string; uuid?: string; cmetadata?: any }>({});
 const isBusy = ref(false);
 const input = ref<HTMLElement | null>(null);
 
-let sessionId = '';
-
 onBeforeMount(async () => {
   const route = useRoute();
   const uuid = route.params.uuid as string;
@@ -33,7 +30,6 @@ onBeforeMount(async () => {
     });
   }
 
-  sessionId = crypto.randomUUID();
   isBusy.value = false;
 });
 

diff --git a/pages/chatbot/[id].vue b/pages/chatbot/[id].vue
@@ -23,8 +23,8 @@
         </div>
       </div>
 
-      <ChatZone :collection :isDemoChatbot="isDemo" :messagesLeft @updateLeft="updateLeftMessages">
-        <template v-slot:messageCounter>
+      <ChatZone :collection :is-demo-chatbot="isDemo" :messages-left @update-left="updateLeftMessages">
+        <template #messageCounter>
           <div v-if="isDemo" class="flex space-x-4">
             <span class="grow text-lg">{{ $t('MESSAGES_LEFT') }}: {{ messagesLeft }}</span>
           </div>
@@ -46,7 +46,6 @@ import { ItemEditLevel } from '#imports';
 const config = useRuntimeConfig();
 const store = useStatesStore();
 useHead({ title: `Chatbot | ${config.public.appName}` });
-const { t } = useI18n();
 
 const collection = ref<{ name?: string; uuid?: string; cmetadata?: any }>({});
 const isBusy = ref(false);