From 565113ff4140fb797e85ebd68cd980c70e05f75a Mon Sep 17 00:00:00 2001
From: Mike Liao <mikel@freeleaps.com>
Date: Thu, 4 Jul 2024 11:31:20 -0700
Subject: [PATCH] styling

---
 .../src/pages/lab/openai/ImageGeneration.vue  | 94 ++++++++++---------
 .../src/pages/lab/openai/MultiturnChat.vue    | 17 ++--
 .../src/pages/lab/openai/TaskCompletion.vue   | 12 ++-
 frontend/src/pages/user/messages/Home.vue     |  2 +-
 frontend/src/plugins/store/basic.js           | 10 +-
 frontend/src/utils/backend/lab.js             |  1 -
 6 files changed, 72 insertions(+), 64 deletions(-)

diff --git a/frontend/src/pages/lab/openai/ImageGeneration.vue b/frontend/src/pages/lab/openai/ImageGeneration.vue
index 6d25e04..db27792 100644
--- a/frontend/src/pages/lab/openai/ImageGeneration.vue
+++ b/frontend/src/pages/lab/openai/ImageGeneration.vue
@@ -1,48 +1,52 @@
 <template>
-    <div class="input_containter">
-      <input class="input_text" type="text" v-model="input_text" @keyup.enter="image_generation($event)" />
-      <img class="responded_image" :src="responded_image"/>
-    </div>
-  </template>
-  <script>
-  import { LabApi } from '@/utils/index'
-  export default {
-    name: 'ImageGeneration',
-    components: {},
-    computed: {},
-    mounted() { },
-    methods: {
-      image_generation($event) {
-        LabApi.image_generation(this.input_text)
-          .then((response) => {
-            this.responded_image = response.data
-          })
-          .catch((error) => {
-            this.mnx_backendErrorHandler(error)
-          })
-      }
-    },
-    data() {
-      return {
-        input_text: null,
-        responded_image: null
-      }
+  <div class="input_containter">
+    <input
+      class="input_text"
+      type="text"
+      v-model="input_text"
+      @keyup.enter="image_generation($event)"
+    />
+    <img class="responded_image" :src="responded_image" />
+  </div>
+</template>
+<script>
+import { LabApi } from '@/utils/index'
+export default {
+  name: 'ImageGeneration',
+  components: {},
+  computed: {},
+  mounted() {},
+  methods: {
+    image_generation($event) {
+      LabApi.image_generation(this.input_text)
+        .then((response) => {
+          this.responded_image = response.data
+        })
+        .catch((error) => {
+          this.mnx_backendErrorHandler(error)
+        })
+    }
+  },
+  data() {
+    return {
+      input_text: null,
+      responded_image: null
     }
   }
-  </script>
-    
-  <style scoped lang="scss">
-  .input_containter {
-    @extend .container;
-    @extend .m-3;
-  }
-  
-  .input_text {
-    @extend .w-100;
-  }
-  
-  .responded_image {
-    @extend .w-100;
-  }
-  </style>
-    
\ No newline at end of file
+}
+</script>
+
+<style scoped lang="scss">
+.input_containter {
+  @extend .container;
+  @extend .m-3;
+}
+
+.input_text {
+  @extend .w-100;
+}
+
+.responded_image {
+  @extend .w-100;
+}
+</style>
diff --git a/frontend/src/pages/lab/openai/MultiturnChat.vue b/frontend/src/pages/lab/openai/MultiturnChat.vue
index 5d2a18f..014dc15 100644
--- a/frontend/src/pages/lab/openai/MultiturnChat.vue
+++ b/frontend/src/pages/lab/openai/MultiturnChat.vue
@@ -10,19 +10,19 @@ export default {
   name: 'MultiturnChat',
   components: {},
   computed: {},
-  mounted() { },
+  mounted() {},
   methods: {
     lets_chat($event) {
       this.messages.push({
-        "role": "user",
-        "content": this.input_text
+        role: 'user',
+        content: this.input_text
       })
       LabApi.multiturn_chat(this.messages)
         .then((response) => {
           this.responded_text = response.data
           this.messages.push({
-            "role": "assistant",
-            "content": this.responded_text
+            role: 'assistant',
+            content: this.responded_text
           })
         })
         .catch((error) => {
@@ -33,15 +33,13 @@ export default {
   data() {
     return {
       input_text: null,
-      messages: [
-        { "role": "system", "content": "You are a helpful assistant." }
-      ],
+      messages: [{ role: 'system', content: 'You are a helpful assistant.' }],
       responded_text: null
     }
   }
 }
 </script>
-    
+
 <style scoped lang="scss">
 .input_containter {
   @extend .container;
@@ -56,4 +54,3 @@ export default {
   @extend .w-100;
 }
 </style>
-    
\ No newline at end of file
diff --git a/frontend/src/pages/lab/openai/TaskCompletion.vue b/frontend/src/pages/lab/openai/TaskCompletion.vue
index 6147496..250ff5a 100644
--- a/frontend/src/pages/lab/openai/TaskCompletion.vue
+++ b/frontend/src/pages/lab/openai/TaskCompletion.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="input_containter">
-    <input class="input_text" type="text" v-model="input_text" @keyup.enter="task_completion($event)" />
+    <input
+      class="input_text"
+      type="text"
+      v-model="input_text"
+      @keyup.enter="task_completion($event)"
+    />
     <p class="responded_text">{{ responded_text }}</p>
   </div>
 </template>
@@ -10,7 +15,7 @@ export default {
   name: 'TaskCompletion',
   components: {},
   computed: {},
-  mounted() { },
+  mounted() {},
   methods: {
     task_completion($event) {
       LabApi.task_completion(this.input_text)
@@ -30,7 +35,7 @@ export default {
   }
 }
 </script>
-  
+
 <style scoped lang="scss">
 .input_containter {
   @extend .container;
@@ -45,4 +50,3 @@ export default {
   @extend .w-100;
 }
 </style>
-  
\ No newline at end of file
diff --git a/frontend/src/pages/user/messages/Home.vue b/frontend/src/pages/user/messages/Home.vue
index 3854384..6212e45 100644
--- a/frontend/src/pages/user/messages/Home.vue
+++ b/frontend/src/pages/user/messages/Home.vue
@@ -109,7 +109,7 @@ export default {
   computed: {
     conversations() {
       return this.$store.getters['basic/conversations']
-    },
+    }
   },
   watch: {
     conversations(n_val) {
diff --git a/frontend/src/plugins/store/basic.js b/frontend/src/plugins/store/basic.js
index 54cc0ff..e42ccd3 100644
--- a/frontend/src/plugins/store/basic.js
+++ b/frontend/src/plugins/store/basic.js
@@ -66,13 +66,17 @@ const basicStore = {
             if (data.event !== 'connected') {
               updateLength = conversations.length - state.conversations.length
               if (updateLength === 0) updateLength = 1
-              for (let i = 0; i<updateLength; i++) {
+              for (let i = 0; i < updateLength; i++) {
                 conversations[i].unread = true
               }
             }
             const conversation = conversations[0]
             if (conversation?.id) {
-              MessageHubApi.fetchMessages(conversation.id, conversation.message_update_time ? conversation.message_update_time : GWT, token).then((response) => {
+              MessageHubApi.fetchMessages(
+                conversation.id,
+                conversation.message_update_time ? conversation.message_update_time : GWT,
+                token
+              ).then((response) => {
                 conversations[0].messages = response?.data || []
                 conversations[0].message_update_time = new Date().toISOString()
                 state.conversations = conversations
@@ -92,7 +96,7 @@ const basicStore = {
       )
     },
     readMessageBy(state, conversation_id) {
-      for (let i = 0; i < state.conversations.length; i ++) {
+      for (let i = 0; i < state.conversations.length; i++) {
         if (conversation_id === state.conversations[i].id) {
           const nsc = Object.assign([], state.conversations)
           nsc[i].unread = false
diff --git a/frontend/src/utils/backend/lab.js b/frontend/src/utils/backend/lab.js
index a8f76b4..b7ff8bb 100644
--- a/frontend/src/utils/backend/lab.js
+++ b/frontend/src/utils/backend/lab.js
@@ -53,7 +53,6 @@ class LabApi {
       }
     )
     return request
-
   }
 }
 export { LabApi }