From 3f672496227e53545da9f805e9c26c57a2dedee3 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Fri, 31 Oct 2025 17:09:42 +0200
Subject: [PATCH 1/2] feat: reward cards, menu

---
 .../app/components/ProspectiveBlock.vue       |  2 +-
 .../app/components/RewardCard.vue             | 34 +++++++++++
 .../app/composables/useNavigation.ts          | 26 ++++----
 apps/hub-telegram/app/pages/navigation.vue    | 52 ++++++++++++++++
 apps/hub-telegram/app/pages/point/index.vue   | 61 +++++++++++++++++++
 apps/hub-telegram/app/pages/points/index.vue  | 16 -----
 apps/hub-telegram/app/pages/task/index.vue    | 11 ++++
 apps/hub-telegram/i18n/locales/ru-RU.json     |  5 +-
 apps/hub-telegram/shared/types/index.ts       |  7 +++
 9 files changed, 183 insertions(+), 31 deletions(-)
 create mode 100644 apps/hub-telegram/app/components/RewardCard.vue
 create mode 100644 apps/hub-telegram/app/pages/navigation.vue
 create mode 100644 apps/hub-telegram/app/pages/point/index.vue
 delete mode 100644 apps/hub-telegram/app/pages/points/index.vue
 create mode 100644 apps/hub-telegram/app/pages/task/index.vue

diff --git a/apps/hub-telegram/app/components/ProspectiveBlock.vue b/apps/hub-telegram/app/components/ProspectiveBlock.vue
index 9fe050f8..83977eb8 100644
--- a/apps/hub-telegram/app/components/ProspectiveBlock.vue
+++ b/apps/hub-telegram/app/components/ProspectiveBlock.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="grid grid-cols-2 gap-2">
-    <NuxtLink to="/points">
+    <NuxtLink to="/point">
       <ActiveCard>
         <ProspectivePoints :points="userStore.prospectivePoints" />
       </ActiveCard>
diff --git a/apps/hub-telegram/app/components/RewardCard.vue b/apps/hub-telegram/app/components/RewardCard.vue
new file mode 100644
index 00000000..c2cf6437
--- /dev/null
+++ b/apps/hub-telegram/app/components/RewardCard.vue
@@ -0,0 +1,34 @@
+<template>
+  <ActiveCard class="motion-preset-slide-left">
+    <Section>
+      <div class="flex flex-row justify-between">
+        <div class="flex flex-col gap-1">
+          <h3 class="text-xl/6 font-bold">
+            {{ reward.name }}
+          </h3>
+
+          <div
+            v-if="reward.description"
+            class="w-full text-base/5 font-normal whitespace-pre-wrap wrap-break-word line-clamp-8"
+          >
+            {{ reward.description }}
+          </div>
+        </div>
+
+        <UButton
+          variant="solid"
+          size="xl"
+          class="text-xl/5 font-bold justify-center min-w-24"
+          trailing-icon="i-lucide-coins"
+          :label="reward.points.toString()"
+        />
+      </div>
+    </Section>
+  </ActiveCard>
+</template>
+
+<script setup lang="ts">
+import type { Reward } from '#shared/types'
+
+defineProps<{ reward: Reward }>()
+</script>
diff --git a/apps/hub-telegram/app/composables/useNavigation.ts b/apps/hub-telegram/app/composables/useNavigation.ts
index a0139bf6..988704c9 100644
--- a/apps/hub-telegram/app/composables/useNavigation.ts
+++ b/apps/hub-telegram/app/composables/useNavigation.ts
@@ -13,23 +13,23 @@ function _useNavigation() {
       // badge: flowStore.nowViewedItemsCount > 10 ? '10+' : flowStore.nowViewedItemsCount.toString(),
     },
     {
-      path: '/points',
-      names: ['points'],
-      title: 'Награды',
+      path: '/point',
+      names: ['point'],
+      title: t('app.rewards'),
       icon: 'i-lucide-coins',
     },
     {
-      path: '#',
-      names: [],
-      title: 'Позже',
-      icon: 'i-lucide-lock',
+      path: '/task',
+      names: ['task'],
+      title: t('app.tasks'),
+      icon: 'i-lucide-check-check',
+    },
+    {
+      path: '/navigation',
+      names: ['navigation'],
+      title: t('app.navigation'),
+      icon: 'i-lucide-menu',
     },
-    // {
-    //   path: '/navigation',
-    //   names: ['navigation'],
-    //   title: t('app.navigation'),
-    //   icon: 'i-lucide-menu',
-    // },
   ])
 
   const isNavigationShown = ref(true)
diff --git a/apps/hub-telegram/app/pages/navigation.vue b/apps/hub-telegram/app/pages/navigation.vue
new file mode 100644
index 00000000..d7247ef6
--- /dev/null
+++ b/apps/hub-telegram/app/pages/navigation.vue
@@ -0,0 +1,52 @@
+<template>
+  <PageContainer>
+    <div class="flex flex-col gap-2.5 motion-preset-slide-left">
+      <NuxtLink
+        v-for="item in items"
+        :key="item.label"
+        :to="item.to"
+        :target="item.target"
+        @click="item.onClick"
+      >
+        <ActiveCard>
+          <Section>
+            <div class="flex flex-row gap-2.5 items-center">
+              <UIcon :name="item.icon" class="size-5 shrink-0" />
+              <h3 class="text-2xl/6 font-bold">
+                {{ item.label }}
+              </h3>
+            </div>
+          </Section>
+        </ActiveCard>
+      </NuxtLink>
+    </div>
+  </PageContainer>
+</template>
+
+<script lang="ts" setup>
+const { vibrate } = useFeedback()
+
+const items = ref([
+  {
+    label: 'Помощь в WhatsApp',
+    to: 'https://wa.me/message/DRMTOEKLZU2FJ1',
+    target: '_blank',
+    icon: 'i-lucide-heart-handshake',
+    onClick: () => vibrate(),
+  },
+  {
+    label: 'Наш Telegram канал',
+    to: 'https://t.me/franshizasushi',
+    target: '_blank',
+    icon: 'simple-icons:telegram',
+    onClick: () => vibrate(),
+  },
+  {
+    label: 'Наша VK группа',
+    to: 'https://vk.com/franshizasushi',
+    target: '_blank',
+    icon: 'simple-icons:vk',
+    onClick: () => vibrate(),
+  },
+])
+</script>
diff --git a/apps/hub-telegram/app/pages/point/index.vue b/apps/hub-telegram/app/pages/point/index.vue
new file mode 100644
index 00000000..6e4c42c7
--- /dev/null
+++ b/apps/hub-telegram/app/pages/point/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <PageContainer>
+    <Section class="motion-preset-slide-left">
+      <div class="flex flex-row gap-2 items-center">
+        <UIcon
+          name="i-lucide-coins"
+          class="size-10 text-primary"
+        />
+      </div>
+
+      <SectionTitle :title="`У вас ${userStore.prospectivePoints} ${pluralizationRu(userStore.prospectivePoints, ['Балл', 'Балла', 'Баллов'])}`" />
+
+      <p class="text-base/5">
+        Выбирайте награду! Список регулярно обновляется.
+      </p>
+
+      <UButton
+        to="/task"
+        variant="solid"
+        size="xl"
+        class="font-bold w-full justify-center"
+        label="Хочу еще"
+      />
+    </Section>
+
+    <div class="flex flex-col gap-3.5">
+      <RewardCard
+        v-for="reward of rewards"
+        :key="reward.id"
+        :reward="reward"
+      />
+    </div>
+  </PageContainer>
+</template>
+
+<script setup lang="ts">
+import type { Reward } from '#shared/types'
+
+const userStore = useUserStore()
+
+const rewards = ref<Reward[]>([
+  {
+    id: '1',
+    name: 'Первая награда',
+    description: 'Описание награды',
+    points: 5,
+  },
+  {
+    id: '2',
+    name: 'Вторая награда',
+    description: 'Описание награды',
+    points: 15,
+  },
+  {
+    id: '3',
+    name: 'Третья награда',
+    description: 'Описание награды',
+    points: 25,
+  },
+])
+</script>
diff --git a/apps/hub-telegram/app/pages/points/index.vue b/apps/hub-telegram/app/pages/points/index.vue
deleted file mode 100644
index b59578b4..00000000
--- a/apps/hub-telegram/app/pages/points/index.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <PageContainer>
-    <Section class="motion-preset-slide-left">
-      <div class="flex flex-row gap-2 items-center">
-        <UIcon
-          name="i-lucide-coins"
-          class="size-10 text-primary"
-        />
-      </div>
-
-      <SectionTitle title="Награды за Баллы" />
-
-      <p>Будет чуть позже</p>
-    </Section>
-  </PageContainer>
-</template>
diff --git a/apps/hub-telegram/app/pages/task/index.vue b/apps/hub-telegram/app/pages/task/index.vue
new file mode 100644
index 00000000..384860c2
--- /dev/null
+++ b/apps/hub-telegram/app/pages/task/index.vue
@@ -0,0 +1,11 @@
+<template>
+  <PageContainer>
+    <SectionTitle title="Задания" />
+
+    <div class="flex flex-col gap-3.5">
+      <p class="text-muted">
+        Активных нет
+      </p>
+    </div>
+  </PageContainer>
+</template>
diff --git a/apps/hub-telegram/i18n/locales/ru-RU.json b/apps/hub-telegram/i18n/locales/ru-RU.json
index 257d026a..92afcf95 100644
--- a/apps/hub-telegram/i18n/locales/ru-RU.json
+++ b/apps/hub-telegram/i18n/locales/ru-RU.json
@@ -21,7 +21,10 @@
     "show-more": "Показать еще"
   },
   "app": {
-    "flow": "Поток"
+    "flow": "Поток",
+    "navigation": "Меню",
+    "rewards": "Награды",
+    "tasks": "Задания"
   },
   "error": {
     "common": "Неверное значение",
diff --git a/apps/hub-telegram/shared/types/index.ts b/apps/hub-telegram/shared/types/index.ts
index 66a865ba..cc1f5696 100644
--- a/apps/hub-telegram/shared/types/index.ts
+++ b/apps/hub-telegram/shared/types/index.ts
@@ -17,3 +17,10 @@ export type FlowItemWithData = FlowItem & {
   comments: FlowItemCommentWithUser[]
   views: FlowItemView[]
 }
+
+export type Reward = {
+  id: string
+  name: string
+  description: string
+  points: number
+}

From 6818bef3121d31108f27f7e3f5b446e12d28a291 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Fri, 31 Oct 2025 17:17:41 +0200
Subject: [PATCH 2/2] chore: update

---
 package.json   |  3 ---
 pnpm-lock.yaml | 33 +++++++++++++++------------------
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index 053333e4..0ef6db65 100644
--- a/package.json
+++ b/package.json
@@ -43,9 +43,6 @@
     "vitest": "catalog:test",
     "vitest-browser-vue": "catalog:test"
   },
-  "resolutions": {
-    "unimport": "4.1.1"
-  },
   "lint-staged": {
     "*.{js,ts,tsx,vue,md,json}": [
       "eslint --cache --fix"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57a15d4f..2f8aa950 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -184,9 +184,6 @@ catalogs:
       specifier: ^24.9.2
       version: 24.9.2
 
-overrides:
-  unimport: 4.1.1
-
 importers:
 
   .:
@@ -7402,8 +7399,8 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  strip-literal@3.0.0:
-    resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
   striptags@3.2.0:
     resolution: {integrity: sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw==}
@@ -7691,8 +7688,8 @@ packages:
   unifont@0.4.1:
     resolution: {integrity: sha512-zKSY9qO8svWYns+FGKjyVdLvpGPwqmsCjeJLN1xndMiqxHWBAhoWDMYMG960MxeV48clBmG+fDP59dHY1VoZvg==}
 
-  unimport@4.1.1:
-    resolution: {integrity: sha512-j9+fijH6aDd05yv1fXlyt7HSxtOWtGtrZeYTVBsSUg57Iuf+Ps2itIZjeyu7bEQ4k0WOgYhHrdW8m/pJgOpl5g==}
+  unimport@5.5.0:
+    resolution: {integrity: sha512-/JpWMG9s1nBSlXJAQ8EREFTFy3oy6USFd8T6AoBaw1q2GGcF4R9yp3ofg32UODZlYEO5VD0EWE1RpI9XDWyPYg==}
     engines: {node: '>=18.12.0'}
 
   unist-util-is@6.0.0:
@@ -9716,7 +9713,7 @@ snapshots:
       tinyglobby: 0.2.15
       ufo: 1.6.1
       unctx: 2.4.1
-      unimport: 4.1.1
+      unimport: 5.5.0
       untyped: 2.0.0
     transitivePeerDependencies:
       - magicast
@@ -14694,7 +14691,7 @@ snapshots:
       uncrypto: 0.1.3
       unctx: 2.4.1
       unenv: 2.0.0-rc.21
-      unimport: 4.1.1
+      unimport: 5.5.0
       unplugin-utils: 0.3.1
       unstorage: 1.17.1(@netlify/blobs@9.1.2)(aws4fetch@1.0.20)(db0@0.3.4(drizzle-orm@0.44.6(@opentelemetry/api@1.9.0)(@types/pg@8.15.5)(pg@8.16.3)))(ioredis@5.8.2)
       untyped: 2.0.0
@@ -14794,7 +14791,7 @@ snapshots:
       uncrypto: 0.1.3
       unctx: 2.4.1
       unenv: 2.0.0-rc.24
-      unimport: 4.1.1
+      unimport: 5.5.0
       unplugin-utils: 0.3.1
       unstorage: 1.17.1(@netlify/blobs@9.1.2)(aws4fetch@1.0.20)(db0@0.3.4(drizzle-orm@0.44.6(@opentelemetry/api@1.9.0)(@types/pg@8.15.5)(pg@8.16.3)))(ioredis@5.8.2)
       untyped: 2.0.0
@@ -14985,7 +14982,7 @@ snapshots:
       ultrahtml: 1.6.0
       uncrypto: 0.1.3
       unctx: 2.4.1
-      unimport: 4.1.1
+      unimport: 5.5.0
       unplugin: 2.3.10
       unplugin-vue-router: 0.16.0(@vue/compiler-sfc@3.5.22)(typescript@5.9.3)(vue-router@4.6.3(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))
       untyped: 2.0.0
@@ -16238,7 +16235,7 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  strip-literal@3.0.0:
+  strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
 
@@ -16539,22 +16536,22 @@ snapshots:
       css-tree: 3.1.0
       ohash: 2.0.11
 
-  unimport@4.1.1:
+  unimport@5.5.0:
     dependencies:
       acorn: 8.15.0
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
-      fast-glob: 3.3.3
       local-pkg: 1.1.2
       magic-string: 0.30.21
       mlly: 1.8.0
       pathe: 2.0.3
       picomatch: 4.0.3
-      pkg-types: 1.3.1
+      pkg-types: 2.3.0
       scule: 1.3.0
-      strip-literal: 3.0.0
+      strip-literal: 3.1.0
+      tinyglobby: 0.2.15
       unplugin: 2.3.10
-      unplugin-utils: 0.2.4
+      unplugin-utils: 0.3.1
 
   unist-util-is@6.0.0:
     dependencies:
@@ -16583,7 +16580,7 @@ snapshots:
       local-pkg: 1.1.2
       magic-string: 0.30.21
       picomatch: 4.0.3
-      unimport: 4.1.1
+      unimport: 5.5.0
       unplugin: 2.3.10
       unplugin-utils: 0.3.1
     optionalDependencies: