implemented functionality to index page

src/stores/chat-store.ts

@@ -3,11 +3,10 @@ import { chat } from 'src/models';
 import { api } from 'src/boot/axios';
 import { useUserStore } from 'stores/user-store';
 
-const userStore = useUserStore();
-
 export const useChatStore = defineStore('chatStore',{
   state:() => ({
     chats: [] as chat[],
+    chatsLoaded: false
   }),
   actions: {
     async getChatsByUser(): Promise<chat[]> {
@@ -17,10 +16,12 @@ export const useChatStore = defineStore('chatStore',{
       return this.chats;
     },
     async loadChatsByUser() : Promise<chat[]>{
-      this.chats = (await api.get("/users/chat/" + userStore.id)).data.response;
+      this.chats = (await api.get("/users/chat/" + useUserStore().id)).data.response;
+      this.chatsLoaded = true;
       return this.chats;
     },
     async createChat(chatName: string, members: string[]){
+      const userStore = useUserStore();
       if(userStore.id) {
         if (!members.includes(userStore.id)) {
           members.push(userStore.id);

src/stores/user-store.ts

@@ -34,7 +34,6 @@ export const useUserStore = defineStore('userStore', {
     usersLoaded: false,
     keycloak: null as Keycloak | null,
     id: "",
-    users: [] as ptpUser[],
   }),
   actions: {
     async getPtpUserById(id : string) {
@@ -46,18 +45,18 @@ export const useUserStore = defineStore('userStore', {
     async loadPtpUsersById(id : string) : Promise<responseModel>  {
       return (await api.get("/users/login/"+id)).data;
     },
-    
+
     getAllPtpUsers() {
       this.loadAllPtpUsers().then((response : ptpUser[]) => {
         this.users = response;
         this.usersLoaded = true;
       })
     },
-    
+
     async loadAllPtpUsers() {
       return (await api.get("/users/user")).data;
     },
-    
+
     async initKeycloak() : Promise<Keycloak>{
 
       try {