step 2

webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue

@@ -97,7 +97,6 @@ export default {
     max-width: 500px;
 }
 .vue-popover-theme {
- 
   z-index: 1000000;
 }
  

webapp/components/utils/InternalPages.js

@@ -1,27 +1,6 @@
 import { PageParams } from '~/components/utils/PageParams.js'
 
 export const defaultPageParamsPages = {
-  CHAT: new PageParams({
-    name: 'chat',
-
-    // externalLink: {
-    //   url: 'https://ocelot.social',
-    //   target: '_blank',
-    // },
-    externalLink: null, // if defined it's dominating
-
-    internalPage: {
-      pageRoute: '/chat', // static, don't change! internal page in case no external is defined
-      footerIdent: 'chatX', // localized string identifier
-      headTitleIdent: 'chatX', // localized string identifier
-      headlineIdent: 'chatX', // localized string identifier. on null it's hidden, on empty string default is used
-      hasContainer: true,
-      hasBaseCard: true,
-      hasLoginInHeader: true,
-      // in case internal page content is here 'webapp/locales/html/'
-      // htmlIdent: 'html.chat',
-    },
-  }),
   ORGANIZATION: new PageParams({
     name: 'organization',
 

webapp/layouts/default.vue

@@ -12,21 +12,15 @@
     <div id="overlay" />
     <client-only>
       <modal />
-    </client-only>
-    <client-only>
-      
-        <div v-if="$store.getters['chat-modul/showChatModul'].showChatModul" class="chat-modul" >
-         
-         <ds-text align="right" class="close">
-           RoomID: {{ $store.getters['chat-modul/showChatModul'].roomID }}
-          <ds-button  @click="$store.commit('chat-modul/SET_OPEN_CHAT_MODUL', { showChatModul: false , roomID: 'u0' })">x</ds-button>
-         </ds-text>
-         
-         <chat-modul :singleRoom="true"/>
-       </div>
- 
-     
-    </client-only>
+    </client-only>  
+    <div v-if="$store.getters['chat-modul/showChatModul'].showChatModul" class="chat-modul" >
+      <ds-text align="right" class="close">
+        RoomID: {{ $store.getters['chat-modul/showChatModul'].roomID }}
+        <ds-button  @click="$store.commit('chat-modul/SET_OPEN_CHAT_MODUL', { showChatModul: false , roomID: 'u0' })">x</ds-button>
+      </ds-text>
+      <chat-modul :singleRoom="true"/>
+    </div>    
+     >
   </div>
 </template>
 <script>

webapp/pages/chat.vue

@@ -1,9 +1,6 @@
 <template>
   <div>
-    <chat :theme="theme" />
-    <base-button @click="theme = theme === 'light' ? 'dark' : 'light'">
-      change style mode
-    </base-button>
+    <chat/>
   </div>
 </template>
 
@@ -13,16 +10,5 @@ import BaseButton from '../components/_new/generic/BaseButton/BaseButton.vue'
 
 export default {
   components: { Chat, BaseButton },
-
-  data() {
-    return {
-      theme: 'light',
-    }
-  },
 }
 </script>
-<style lang="scss">
-body {
-  font-family: 'Quicksand', sans-serif;
-}
-</style>