apply difference between mailbox and account

front/src/views/modals/AddAccountModal.vue

@@ -64,7 +64,7 @@ function checkError() {
   }
 }
 
-function addMailboxRequest() {
+function addAccountRequest() {
   checkError();
 
   const data = {
@@ -113,7 +113,7 @@ function mailChange() {
       </button>
       <Modal
       v-if="modal"
-        title="Add mailbox"
+        title="Add new account"
         @close-modal="modal = false"
         >
         <template v-slot:body>
@@ -145,7 +145,7 @@ function mailChange() {
           </div>
           <!-- tls -->
           <div>
-            <button :disabled="error != ''" @click="addMailboxRequest">Add</button>
+            <button :disabled="error != ''" @click="addAccountRequest">Add</button>
             {{ error }}
           </div>
         </template>

front/src/views/room/Message.vue

@@ -2,9 +2,7 @@
 import { defineProps } from "vue";
 
 const props = defineProps({ data: Object });
-console.log(props.data.date);
 const date = new Date(props.data.date);
-console.log(date);
 </script>
 <!-- to if to is more than me
         cc -->

front/src/views/room/RoomView.vue

@@ -8,7 +8,6 @@ import Message from "./Message.vue";
 const store = useStore();
 const route = useRoute();
 let { id } = route.params;
-let messages = [];
 onBeforeMount(async () => {
     // get data
     console.log(store.state.rooms.find((room) => room.id === id)?.fetched);
@@ -34,8 +33,6 @@ onBeforeRouteUpdate(async (to, from) => {
         <div id="RoomViewBody">
             <div class="content">
                 <Message v-for="(message, index) in store.getters.messages(id)" :key="index" :data="message" />
-                <b>{{ id }}</b>
-                {{ messages.length }}
             </div>
             <div id="composer">COMPOSER</div>
         </div>

front/src/views/sidebar/Sidebar.vue

@@ -1,18 +1,18 @@
 <template>
     <div>
-        <Mailboxes />
+        <Accounts />
         <Rooms id="rooms"/>
     </div>
 </template>
 
 <script>
-import Mailboxes from './mailboxes/Mailboxes'
+import Accounts from './accounts/Accounts'
 import Rooms from './rooms/Rooms.vue'
 
 export default {
   name: 'Sidebar',
   components: {
-    Mailboxes,
+    Accounts,
     Rooms,
   }
 }

front/src/views/sidebar/accounts/Account.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="container" @click="setActiveMailbox(data.id)" :class="activeMailbox == data.id && 'active'">
+    <div class="container" @click="setactiveAccount(data.id)" :class="activeAccount == data.id && 'active'">
         {{ data.email }}
     </div>
 </template>
@@ -8,17 +8,17 @@
 import { mapMutations, mapState } from 'vuex'
 
 export default {
-  name: 'Mailbox',
+  name: 'Account',
   components: {
   },
   props: {
     data: {mail: String, id: Number}
   },
   computed: {
-    ...mapState(['activeMailbox'])
+    ...mapState(['activeAccount'])
   },
   methods: {
-    ...mapMutations(['setActiveMailbox'])
+    ...mapMutations(['setactiveAccount'])
   }
 }
 </script>

front/src/views/sidebar/accounts/Accounts.vue

@@ -4,33 +4,31 @@
         <!-- deconnect -->
       </div>
       <span class="divider"></span>
-      <Mailbox :data="{'id': 0, 'email': 'all'}"/>
-      <Mailbox v-for="(mailbox, index) in mailboxes" :key="index" :data="mailbox"/>
+      <Account v-for="(account, index) in accounts" :key="index" :data="account"/>
       <span class="divider"></span>
 
-      <AddMailboxModal />
+      <AddAccountModal />
       
     </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
-import Mailbox from './Mailbox'
-import AddMailboxModal from '../../modals/AddMailboxModal'
+import Account from './Account'
+import AddAccountModal from '../../modals/AddAccountModal'
 import store from '@/store/store'
 
 export default {
-  name: 'Mailboxes',
+  name: 'Accounts',
   components: {
-    Mailbox,
-    AddMailboxModal
+    Account,
+    AddAccountModal
   },
   computed: {
-    ...mapState(['mailboxes'])
+    ...mapState(['accounts'])
   },
   created() {
-    console.log("call api get mailboxes");
-    store.dispatch('fetchMailboxes');
+    store.dispatch('fetchAccounts');
   }
 }