update

src/pages/ChatPage.vue

@@ -4,14 +4,16 @@
       {{ $t('chat_card__title') }}
     </template>
     <template #footer>
-      <q-btn
-        rounded color="primary"
-        class="w100 q-mt-md q-mb-xs"
-        @click = "onSubmit"
-        v-if="chat && chat.invite_link"
-        >
-        {{ $t("chat_card__go_chat") }}
-      </q-btn>
+      <div class="w100 q-pa-md">
+        <q-btn
+          rounded color="primary"
+          class="w100"
+          @click="onSubmit"
+          v-if="chat"
+          >
+          {{ $t("chat_card__go_chat") }}
+        </q-btn>
+      </div>
     </template>
 
     <pn-scroll-list>
@@ -118,18 +120,18 @@
   watch(() => chatsStore.isInit, initChat)
 
   async function onSubmit () {
-    if (chat.value && chat.value.invite_link) tg.openTelegramLink(chat.value.invite_link)
+    if (chat.value) tg.openTelegramLink('https://t.me/c/' + chat.value.telegram_id + '/' + chat.value.message_id)
     if (chat.value) await chatsStore.getChatUsers(chat.value.id)
   }
 
-  const users = usersStore.getUsers
+  const users = computed(() => usersStore.users)
   const companiesStore = useCompaniesStore()
   const { userSection } = useUserSection()
 
   const chatUsers = computed(() => {
     if (!chat.value) return []
     const idSet = new Set(chat.value.users)
-    const arr = users.filter(el => idSet.has(el.id))
+    const arr = users.value.filter(el => idSet.has(el.id))
     return arr.map(el => ({
       ...el,
       ...userSection(el),