add tabs

2024-12-06 21:20:27 +02:00
parent 58a5c378ca
commit ef977f5742
17 changed files with 542 additions and 444 deletions
@@ -0,0 +1,32 @@
+<template>
+  <div
+    class="sticky bottom-0 bg-white shadow-md py-safe-or-4 sm:border-b sm:order-first sm:justify-center touch-none"
+  >
+    <div
+      class="flex justify-around sm:justify-between sm:gap-8 sm:px-4 sm:flex-row sm:bg-white sm:max-w-prose mx-auto"
+    >
+      <TabMenuItem
+        v-for="{ route, label, icon } in tabs"
+        :key="route"
+        :label
+        :icon
+        :to="{ name: route }"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ROUTE_NAMES } from '@/constants/routes'
+type Tab = {
+  route: (typeof ROUTE_NAMES)[keyof typeof ROUTE_NAMES]
+  label: string
+  icon: string
+}
+const tabs: Tab[] = [
+  { route: ROUTE_NAMES.CREATE, label: 'Создать QR-код', icon: 'plus' },
+  { route: ROUTE_NAMES.MANAGE_DASHBOARD_QR, label: 'Мои QR-коды', icon: 'qrcode' },
+  { route: ROUTE_NAMES.MANAGE_DASHBOARD_CHATS, label: 'Чаты', icon: 'comments' },
+  // { to: ROUTE_NAMES., label: 'Профиль', icon: 'user' },
+]
+</script>