fixes

src/views/HomeView.vue

@@ -8,7 +8,7 @@ import { useStatusStore } from '@/stores/status.ts'
 import { authClient } from '@/lib/auth-client.ts'
 import type { Issue } from '@/api/issue.api.ts'
 import type { Project } from '@/api/project.api.ts'
-import DashboardCard from '@/components/DashboardCard.vue'
+import DashboardCountCard from '@/components/DashboardCountCard.vue'
 
 const ACTIVE_STATUSES: Issue['status'][] = ['OPEN', 'IN_PROGRESS']
 
@@ -28,7 +28,7 @@ const projectStore = useProjectStore()
 const statusStore = useStatusStore()
 
 const { stats } = storeToRefs(issueStore)
-const { projects } = storeToRefs(projectStore)
+const { projects, currentProjectId } = storeToRefs(projectStore)
 
 const currentUserId = computed(() => session.value.data?.user.id ?? null)
 
@@ -54,6 +54,14 @@ watch(
   { immediate: true },
 )
 
+watch(
+  currentProjectId,
+  (id) => {
+    void issueStore.getStat(id)
+  },
+  { immediate: true },
+)
+
 function isOverdue(issue: Issue) {
   return !!issue.dueDate && new Date(issue.dueDate).getTime() < Date.now()
 }
@@ -96,35 +104,20 @@ function openProject(project: Project) {
   projectStore.select(project)
   router.push('/issues')
 }
+
+function onClickCard(status?: string) {
+  router.push({ path: '/issues', query: { status } })
+}
 </script>
 
 <template>
   <div>
-    <!--    <v-alert v-if="!session.data" type="info" variant="tonal">-->
-    <!--      <div class="d-flex align-center justify-space-between ga-4">-->
-    <!--        <div>Войдите, чтобы видеть свои задачи и проекты</div>-->
-    <!--        <v-btn variant="flat" to="/sign-in">Sign In</v-btn>-->
-    <!--      </div>-->
-    <!--    </v-alert>-->
-
-    <v-banner
-      v-if="!session.data"
-      color="error"
-      icon="mdi-alert"
-      text="Войдите, чтобы видеть свои задачи и проекты"
-      lines="one"
-    >
-      <template v-slot:actions>
-        <v-btn variant="flat" to="/sign-in">Sign In</v-btn>
-      </template>
-    </v-banner>
-
-    <div v-else class="d-flex flex-column ga-2">
-      <div class="dash_grid">
-        <dashboard-card label="Всего задач" :value="stats?.total ?? 0" />
-        <dashboard-card label="Открыто" :value="statCount('OPEN')" />
-        <dashboard-card label="В работе" :value="statCount('IN_PROGRESS')" />
-        <dashboard-card label="Просрочено" :value="overdueCount" :alert="overdueCount > 0" />
+    <div v-if="session.data" class="d-flex flex-column ga-2">
+      <div class="dashboard_grid">
+        <dashboard-count-card label="Всего задач" :value="stats?.total ?? 0" @click="onClickCard()" />
+        <dashboard-count-card label="Открыто" :value="statCount('OPEN')" @click="onClickCard('OPEN')" />
+        <dashboard-count-card label="В работе" :value="statCount('IN_PROGRESS')" @click="onClickCard('IN_PROGRESS')" />
+        <dashboard-count-card label="Просрочено" :value="overdueCount" :alert="overdueCount > 0" />
       </div>
 
       <v-row density="compact">
@@ -210,7 +203,7 @@ function openProject(project: Project) {
 .cursor-pointer {
   cursor: pointer;
 }
-.dash_grid {
+.dashboard_grid {
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(4, 1fr);