From ab539bf84b00a56f65f2427e4700ec0a004b54e1 Mon Sep 17 00:00:00 2001
From: Vadim <vadim.olonin@gmail.com>
Date: Fri, 2 Oct 2026 20:31:02 +0300
Subject: [PATCH] init tabs in issue details

---
 src/components/CommentsList.vue |  5 +++++
 src/components/HistoryList.vue  |  7 +++++++
 src/components/IssueDetails.vue | 24 ++++++++++++++++++++----
 3 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 src/components/CommentsList.vue
 create mode 100644 src/components/HistoryList.vue

diff --git a/src/components/CommentsList.vue b/src/components/CommentsList.vue
new file mode 100644
index 0000000..9c1c6d6
--- /dev/null
+++ b/src/components/CommentsList.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template><v-sheet class="px-4 py-2">a</v-sheet></template>
+
+<style scoped lang="scss"></style>
diff --git a/src/components/HistoryList.vue b/src/components/HistoryList.vue
new file mode 100644
index 0000000..442b6c6
--- /dev/null
+++ b/src/components/HistoryList.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <v-sheet class="px-4 py-2"> History </v-sheet>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/components/IssueDetails.vue b/src/components/IssueDetails.vue
index c372e26..84a4fca 100644
--- a/src/components/IssueDetails.vue
+++ b/src/components/IssueDetails.vue
@@ -9,6 +9,8 @@ import AssigneeMenu from '@/components/AssigneeMenu.vue'
 import ReporterInfo from '@/components/ReporterInfo.vue'
 import IssueTitle from '@/components/IssueTitle.vue'
 import IssueDate from '@/components/IssueDate.vue'
+import CommentsList from '@/components/CommentsList.vue'
+import HistoryList from '@/components/HistoryList.vue'
 
 interface Props {
   ckey: string
@@ -23,6 +25,7 @@ const emit = defineEmits<{
 
 const issueStore = useIssueStore()
 const issue = ref<Issue>()
+const activity = ref()
 
 const { ckey } = defineProps<Props>()
 
@@ -127,10 +130,23 @@ defineExpose({
     </expansion-panel>
 
     <expansion-panel title="Activity">
-      <v-btn-group divided border density="compact">
-        <v-btn>comments</v-btn>
-        <v-btn>history</v-btn>
-      </v-btn-group>
+      <v-sheet>
+        <v-tabs v-model="activity" density="compact">
+          <v-tab prepend-icon="mdi-star" value="comment">Comments</v-tab>
+          <v-tab prepend-icon="mdi-star" value="history">History</v-tab>
+        </v-tabs>
+
+        <v-divider />
+
+        <v-tabs-window v-model="activity">
+          <v-tabs-window-item value="comment">
+            <comments-list />
+          </v-tabs-window-item>
+          <v-tabs-window-item value="history">
+            <history-list />
+          </v-tabs-window-item>
+        </v-tabs-window>
+      </v-sheet>
     </expansion-panel>
   </div>
 </template>