chart

src/views/HomeView.vue

@@ -11,6 +11,7 @@ import type { Project } from '@/api/project.api.ts'
 import DashboardCountCard from '@/components/DashboardCountCard.vue'
 import LabelText from '@/components/LabelText.vue'
 import ProjectMenu from '@/components/ProjectMenu.vue'
+import IssueStatusChart from '@/components/IssueStatusChart.vue'
 
 const ACTIVE_STATUSES: Issue['status'][] = ['OPEN', 'IN_PROGRESS']
 
@@ -210,13 +211,17 @@ function onClickCard(status?: string) {
       <v-row density="compact">
         <v-col cols="12" md="6">
           <v-card border>
-            <v-card-text>text</v-card-text>
+            <v-card-title>Issues by status</v-card-title>
+            <v-divider />
+            <v-card-text>
+              <issue-status-chart :stats="stats" @select="onClickCard" />
+            </v-card-text>
           </v-card>
         </v-col>
         <v-col cols="12" md="6">
-          <v-card border>
-            <v-card-text>text</v-card-text>
-          </v-card>
+          <!--          <v-card border>-->
+          <!--            <v-card-text>text</v-card-text>-->
+          <!--          </v-card>-->
         </v-col>
       </v-row>
     </div>