From 3179e69a4c2c93631556b2e718d1c7fd828726f0 Mon Sep 17 00:00:00 2001
From: AndzejsP <andzejs.poprockis@gmail.com>
Date: Thu, 4 May 2023 11:44:08 +0300
Subject: [PATCH] added switch for title being untitled or null

---
 web/src/components/Discussion.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/components/Discussion.vue b/web/src/components/Discussion.vue
index 079e9018..d00d6154 100644
--- a/web/src/components/Discussion.vue
+++ b/web/src/components/Discussion.vue
@@ -1,13 +1,13 @@
 <template>
     <div :class="selected ? 'bg-bg-light-discussion dark:bg-bg-dark-discussion shadow-md' : ''"
-        class="container flex flex-col sm:flex-row item-center  gap-2 py-2 my-2 hover:shadow-md hover:bg-primary-light dark:hover:bg-primary rounded-md p-2 duration-75 group cursor-pointer">
+        class="container flex flex-col sm:flex-row item-center shadow-sm gap-2 py-2 my-2 hover:shadow-md hover:bg-primary-light dark:hover:bg-primary rounded-md p-2 duration-75 group cursor-pointer">
         <!-- INDICATOR FOR SELECTED ITEM -->
         <div v-if="selected" class="items-center inline-block min-h-full w-2 rounded-xl self-stretch "
             :class="loading ? 'animate-bounce bg-accent ' : ' bg-secondary '"></div>
         <div v-else class="items-center inline-block min-h-full w-2 rounded-xl self-stretch"></div>
 
         <!-- TITLE -->
-        <p class="truncate w-auto">{{ title }}</p>
+        <p class="truncate w-auto">{{ title ? title === "untitled" ? "New discussion" : title  : "New discussion" }}</p>
         <!-- CONTROL BUTTONS -->
         <div class="flex items-center gap-3 flex-1 max-h-6">
             <div class="flex gap-3 flex-1 items-center justify-end invisible group-hover:visible duration-75">
@@ -40,18 +40,18 @@ export default {
     data() {
         return {
 
-
         }
     },
     methods: {
 
-    }, mounted() {
+    }, 
+    mounted() {
         nextTick(() => {
             feather.replace()
-
+          
         })
-    },
-
+        
+    }
 }
 </script>
 <style scoped></style>