From fcd30f9bf7776f69f6a79117cac0ce6af0f660ad Mon Sep 17 00:00:00 2001
From: Sergey Karmanov <ppoocpel8888@gmail.com>
Date: Tue, 12 May 2026 14:14:32 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=BF=D1=83=D1=81=D1=82=D0=BE=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D1=81=D0=BE=D1=81=D1=82=D0=BE=D1=8F=D0=BD=D0=B8=D1=8F=20=D1=83?=
 =?UTF-8?q?=D0=B2=D0=B5=D0=B4=D0=BE=D0=BC=D0=BB=D0=B5=D0=BD=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Реализовал компонент для отображения пустого состояния при отсутствии уведомлений.
---
 .../src/views/student/NotificationsView.vue   | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/student/NotificationsView.vue b/frontend/src/views/student/NotificationsView.vue
index 9431342..f571092 100644
--- a/frontend/src/views/student/NotificationsView.vue
+++ b/frontend/src/views/student/NotificationsView.vue
@@ -3,6 +3,7 @@ import { computed } from 'vue'
 import { useUserStore } from '@/stores/user'
 import GlassCard from '@/components/ui/GlassCard.vue'
 import AppIcon from '@/components/ui/AppIcon.vue'
+import EmptyState from '@/components/ui/EmptyState.vue'
 
 const userStore = useUserStore()
 
@@ -32,7 +33,15 @@ const typeIcon: Record<string, string> = {
       <button class="btn-secondary" @click="userStore.markAllRead">Отметить все как прочитанные</button>
     </div>
 
-    <div class="notification-groups">
+    <div v-if="userStore.notifications.length === 0" class="empty-wrap">
+      <EmptyState
+        icon="bell"
+        title="Нет уведомлений"
+        subtitle="Здесь будут появляться важные события и обновления"
+      />
+    </div>
+
+    <div v-else class="notification-groups">
       <GlassCard v-for="([day, items]) in grouped" :key="day" class="group">
         <div class="group-title">{{ day }}</div>
         <div class="items">
@@ -50,7 +59,12 @@ const typeIcon: Record<string, string> = {
 </template>
 
 <style scoped>
-.notifications { display: flex; flex-direction: column; gap: 18px; }
+.notifications {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  min-height: calc(100vh - var(--topbar-height) - 28px - 80px);
+}
 .header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
 .notification-groups { display: flex; flex-direction: column; gap: 14px; }
 .group-title { font-weight: 700; margin-bottom: 10px; }
@@ -60,4 +74,15 @@ const typeIcon: Record<string, string> = {
 .icon { color: var(--color-text); flex-shrink: 0; }
 .item-title { font-weight: 600; }
 .item-body { font-size: 13px; color: var(--color-text-secondary); }
+
+.empty-wrap {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  .notifications { min-height: calc(100vh - var(--topbar-height) - 16px - 80px); }
+}
 </style>