Merge pull request #16 from BuonDavide/issue/white-text-in-forms

fix: textarea having white text when modifying chatbot
brevia-ai · Sep 24, 2024 · 3a55b2b · 3a55b2b
2 parents de827a6 + df53add
commit 3a55b2b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/components/Form/Chatbot.vue b/components/Form/Chatbot.vue
@@ -10,7 +10,7 @@
       @keydown.enter.stop.prevent="save"
     />
 
-    <textarea v-model="description" :placeholder="$t('DESCRIPTION_PLACEHOLDER')" rows="4"></textarea>
+    <textarea v-model="description" :placeholder="$t('DESCRIPTION_PLACEHOLDER')" class="textarea" rows="4"></textarea>
 
     <div v-if="error" class="p-3 bg-neutral-100 text-center font-semibold text-brand_primary">
       {{ $t('AN_ERROR_OCCURRED_PLEASE_RETRY') }}
@@ -37,6 +37,8 @@
 </template>
 
 <script lang="ts" setup>
+import type { collectionItem } from '~/store/states';
+
 const props = defineProps({
   isModal: {
     type: Boolean,
@@ -90,7 +92,7 @@ const create = async () => {
       },
     });
 
-    collection = data;
+    collection = data as collectionItem;
     statesStore.collection = collection;
 
     statesStore.menu.push({
@@ -108,8 +110,8 @@ const create = async () => {
 
 const update = async () => {
   try {
-    collection.cmetadata = {
-      ...collection.cmetadata,
+    collection!.cmetadata = {
+      ...collection!.cmetadata,
       ...{ title: title.value, description: description.value },
     };
 

diff --git a/components/Form/ChatbotQuestion.vue b/components/Form/ChatbotQuestion.vue
@@ -10,7 +10,7 @@
       @keydown.enter.stop.prevent="save"
     />
 
-    <textarea v-model="answer" :placeholder="$t('ANSWER_PLACEHOLDER')" rows="7"></textarea>
+    <textarea v-model="answer" :placeholder="$t('ANSWER_PLACEHOLDER')" class="textarea" rows="7"></textarea>
 
     <div v-if="error" class="p-3 bg-neutral-100 text-center font-semibold text-brand_primary">
       {{ $t('AN_ERROR_OCCURRED_PLEASE_RETRY') }}

diff --git a/store/states.ts b/store/states.ts
@@ -16,11 +16,17 @@ export interface menuItem {
   edit: ItemEditLevel;
 }
 
+export interface collectionItem {
+  name: string;
+  uuid: string;
+  cmetadata: any;
+}
+
 export const useStatesStore = defineStore('states', {
   state: () => ({
     user: null as UserDataStore | null,
     menu: [] as menuItem[],
-    collection: null as object | null,
+    collection: null as collectionItem | null,
   }),
 
   actions: {