fix_error

src/pages/ChatPage.vue

@@ -17,7 +17,7 @@
     <pn-scroll-list>
       <div
         v-if="chat"
-        class="flex column items-center q-pa-md q-pb-lg"
+        class="flex column items-center q-pa-md"
         >
         <pn-auto-avatar
           :img="chat.logo"
@@ -25,17 +25,23 @@
           size="100px"
           rounded
         />
+        <div
+          class="flex row items-start justify-center q-pt-md text-bold"
+          align="center"
+          >
+          {{ chat.name }}
+        </div>
         <div
           v-if="chat.description"
-          class="flex row items-start justify-center q-pt-md"
+          class="flex row items-start justify-center text-caption"
+          align="center"
           >
           {{ chat.description }}
         </div>
       </div>
-
       <q-list separator v-if="chatUsers.length!==0">
-        <q-item-label header>
-          {{ $t('chat_page__members') + ' (' + chatUsers.length +')' }}
+        <q-item-label class="text-caption text-bold q-py-none" header>
+          {{ $t('chat_card__members') + ' (' + chatUsers.length +')' }}
         </q-item-label>
         <q-item
           v-for="item in chatUsers"
@@ -61,7 +67,7 @@
               </q-badge>
               {{item.section1}}
             </q-item-label>
-            <q-item-label lines="1" caption v-if="item.section3">
+            <q-item-label lines="2" caption v-if="item.section3">
               {{item.section3}}
             </q-item-label>
             <q-item-label caption lines="2">
@@ -113,9 +119,9 @@
 
   watch(() => chatsStore.isInit, initChat)
 
-  function onSubmit () {
+  async function onSubmit () {
     if (chat.value && chat.value.invite_link) tg.openTelegramLink(chat.value.invite_link)
-    if (chat && chat.value) chatsStore.getChatUsers(chat.value.id)
+    if (chat.value) await chatsStore.getChatUsers(chat.value.id)
   }
 
   const users = usersStore.getUsers
@@ -123,8 +129,8 @@
   const { userSection } = useUserSection()
 
   const chatUsers = computed(() => {
-    if (!chat || !chat.value) return []
-    const idSet = new Set(chat.value.chat_users)
+    if (!chat.value) return []
+    const idSet = new Set(chat.value.users)
     const arr = users.filter(el => idSet.has(el.id))
     return arr.map(el => ({
       ...el,