From 610d279465b80ac8773cc2ee5fd908e3884da499 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 6 Jul 2023 13:08:41 +0200
Subject: [PATCH] fixable lints

---
 webapp/components/Chat/Chat.vue               | 46 +++++++--------
 .../ChatNotificationMenu.vue                  | 56 +++++++++----------
 webapp/layouts/default.vue                    | 18 +++---
 webapp/pages/chat.vue                         |  2 +-
 webapp/pages/profile/_id/_slug.vue            |  5 +-
 webapp/store/chat.js                          | 14 ++---
 6 files changed, 68 insertions(+), 73 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 5b3159f43..3a3b6067e 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -10,18 +10,14 @@
         :text-messages="JSON.stringify(textMessages)"
         :messages="JSON.stringify(messages)"
         :messages-loaded="messagesLoaded"
-       
         :rooms="JSON.stringify(rooms)"
-        
         :room-actions="JSON.stringify(roomActions)"
         :rooms-loaded="true"
         show-files="false"
         show-audio="false"
         :show-footer="true"
-        
         @send-message="sendMessage($event.detail[0])"
         @fetch-messages="fetchMessages($event.detail[0])"
-        
         :responsive-breakpoint="responsiveBreakpoint"
         :single-room="singleRoom"
         @show-demo-options="showDemoOptions = $event"
@@ -43,7 +39,7 @@ export default {
     singleRoom: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   data() {
     return {
@@ -216,26 +212,26 @@ export default {
       }, 2000)
     },
   },
-//   apollo: {
-//     Rooms: {
-//       query() {
-//         return roomQuery()
-//       },
-//       update({ Room }) {
-//         console.log('Rooms', Room)
-//         if (!Room) {
-//           this.rooms = []
-//           return
-//         }
-//         this.rooms = Room
-//       },
-//       error(error) {
-//         this.rooms = []
-//         this.$toast.error(error.message)
-//       },
-//       fetchPolicy: 'cache-and-network',
-//     },
-//   },
+  //   apollo: {
+  //     Rooms: {
+  //       query() {
+  //         return roomQuery()
+  //       },
+  //       update({ Room }) {
+  //         console.log('Rooms', Room)
+  //         if (!Room) {
+  //           this.rooms = []
+  //           return
+  //         }
+  //         this.rooms = Room
+  //       },
+  //       error(error) {
+  //         this.rooms = []
+  //         this.$toast.error(error.message)
+  //       },
+  //       fetchPolicy: 'cache-and-network',
+  //     },
+  //   },
 }
 </script>
 <style lang="scss">
diff --git a/webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue b/webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue
index 39b96b8ca..7de7b246e 100644
--- a/webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue
+++ b/webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue
@@ -1,9 +1,5 @@
 <template>
-  <nuxt-link
-  v-if="!unreadChatNotificationsCount"
-    class="chat-menu"
-    :to="{ name: 'chat' }"
-  >
+  <nuxt-link v-if="!unreadChatNotificationsCount" class="chat-menu" :to="{ name: 'chat' }">
     <base-button
       ghost
       circle
@@ -11,9 +7,9 @@
         content: $t('notifications.headerMenuButton.chat'),
         placement: 'bottom-start',
       }"
-    ><img src="/img/empty/chat-bubble.svg"/>
+    >
+      <img src="/img/empty/chat-bubble.svg" />
     </base-button>
-  
   </nuxt-link>
   <dropdown v-else class="notifications-menu" offset="8">
     <template #default="{ toggleMenu }">
@@ -26,33 +22,33 @@
         }"
         @click="toggleMenu"
       >
-      <counter-icon icon="envelope" :count="unreadChatNotificationsCount" danger />
-      <img src="/img/empty/chat-bubble.svg"/>
-       
+        <counter-icon icon="envelope" :count="unreadChatNotificationsCount" danger />
+        <img src="/img/empty/chat-bubble.svg" />
       </base-button>
     </template>
     <template #popover="{}">
       <div class="notifications-menu-popover">
         <div v-for="notification in notifications" v-bind:key="notification.roomid">
-            
-            <ds-space>
-
-             <div class="notifications-menu-popover-item" @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: true , roomID: notification.roomid })">
-            <p>{{ notification.name }}</p>
-            {{ notification.title }}</div>
-            </ds-space>
+          <ds-space>
+            <div
+              class="notifications-menu-popover-item"
+              @click="
+                $store.commit('chat/SET_OPEN_CHAT', { showChat: true, roomID: notification.roomid })
+              "
+            >
+              <p>{{ notification.name }}</p>
+              {{ notification.title }}
+            </div>
+          </ds-space>
         </div>
         <!-- <notification-list :notifications="notifications" /> -->
       </div>
       <ds-flex class="notifications-link-container">
         <ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
           <nuxt-link :to="{ name: 'chat' }">
-            <base-button ghost primary>
-              All Chat Messages
-            </base-button>
+            <base-button ghost primary>All Chat Messages</base-button>
           </nuxt-link>
         </ds-flex-item>
-      
       </ds-flex>
     </template>
   </dropdown>
@@ -72,14 +68,14 @@ export default {
   },
   data() {
     return {
-      notifications: [ 
-        {roomid: 'u1', name: 'Jenny', title: 'last Message from Jenny'},
-        {roomid: 'u2', name: 'Honey', title: 'last Message from Honey'},
-        {roomid: 'u3', name: 'Bob der Baumeister', title: 'last Message from Bob der Baumeister'},
-       ], 
+      notifications: [
+        { roomid: 'u1', name: 'Jenny', title: 'last Message from Jenny' },
+        { roomid: 'u2', name: 'Honey', title: 'last Message from Honey' },
+        { roomid: 'u3', name: 'Bob der Baumeister', title: 'last Message from Bob der Baumeister' },
+      ],
     }
   },
- computed: {
+  computed: {
     unreadChatNotificationsCount() {
       const result = this.notifications.reduce((count, notification) => {
         return notification.read ? count : count + 1
@@ -89,17 +85,17 @@ export default {
     hasNotifications() {
       return this.notifications.length
     },
- }
+  },
 }
 </script>
 <style lang="scss">
 .notifications-menu {
-    max-width: 500px;
+  max-width: 500px;
 }
 .vue-popover-theme {
   z-index: 1000000;
 }
- 
+
 .counter-icon {
   position: relative;
 
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 0e35bde4c..ae6c10b73 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -12,15 +12,17 @@
     <div id="overlay" />
     <client-only>
       <modal />
-    </client-only>  
-    <div v-if="$store.getters['chat/showChat'].showChat" class="chat-modul" >
+    </client-only>
+    <div v-if="$store.getters['chat/showChat'].showChat" class="chat-modul">
       <ds-text align="right" class="close">
         RoomID: {{ $store.getters['chat/showChat'].roomID }}
-        <ds-button  @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: false , roomID: 'u0' })">x</ds-button>
+        <ds-button @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: false, roomID: 'u0' })">
+          x
+        </ds-button>
       </ds-text>
-      <chat-module :singleRoom="true"/>
-    </div>    
-     >
+      <chat-module :singleRoom="true" />
+    </div>
+    >
   </div>
 </template>
 <script>
@@ -60,8 +62,8 @@ export default {
   right: 0;
   z-index: 10000;
   .close {
-    padding: 10px; 
-    color: blue; 
+    padding: 10px;
+    color: blue;
     cursor: pointer;
   }
 }
diff --git a/webapp/pages/chat.vue b/webapp/pages/chat.vue
index 35a917d58..61192ea49 100644
--- a/webapp/pages/chat.vue
+++ b/webapp/pages/chat.vue
@@ -1,5 +1,5 @@
 <template>
-  <chat/>
+  <chat />
 </template>
 
 <script>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index e77e56bd9..62d2f1be7 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -80,12 +80,13 @@
               @update="updateFollow"
             />
             <base-button
-              @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: true , roomID: user.id })"
+              @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: true, roomID: user.id })"
               v-tooltip="{
                 content: $t('notifications.headerMenuButton.chat'),
                 placement: 'bottom-start',
               }"
-            ><img src="/img/empty/chat-bubble.svg" height="20"/>
+            >
+              <img src="/img/empty/chat-bubble.svg" height="20" />
             </base-button>
           </div>
           <template v-if="user.about">
diff --git a/webapp/store/chat.js b/webapp/store/chat.js
index 56de89dd9..db23eb2f6 100644
--- a/webapp/store/chat.js
+++ b/webapp/store/chat.js
@@ -1,7 +1,7 @@
 export const state = () => {
   return {
     showChat: false,
-    roomID: 'u0'
+    roomID: 'u0',
   }
 }
 
@@ -14,10 +14,10 @@ export const mutations = {
 }
 
 export const getters = {
-    showChat(state) {
-        return state
-    },
-    roomID(state) {
-        return state
-    },
+  showChat(state) {
+    return state
+  },
+  roomID(state) {
+    return state
+  },
 }