Добавлены уведомления

2026-07-27 17:36:53 +03:00
parent a072005164
commit 958fba5f3e
149 changed files with 6371 additions and 110 deletions
@@ -0,0 +1,38 @@
+import { Headphones, MessageCircle } from 'lucide-react';
+import { useNavigate } from 'react-router';
+import { getActiveMessages } from '../data/companyMessages';
+
+export function QuickActions() {
+  const navigate = useNavigate();
+
+  const unreadCount = getActiveMessages().filter(m => m.type === 'message').length;
+
+  return (
+    <div className="px-4 pb-4 flex gap-2">
+      <button
+        onClick={() => navigate('/chat/1')}
+        className="relative flex-1 flex items-center justify-center gap-2 py-2.5 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
+      >
+        <span className="relative">
+          <MessageCircle className="w-4 h-4" />
+          {unreadCount > 0 && (
+            <>
+              {/* Пульсирующее кольцо */}
+              <span className="absolute -top-1 -right-1 w-3 h-3 rounded-full bg-red-400 opacity-75 animate-ping" />
+              {/* Бейдж со счётчиком */}
+              <span className="absolute -top-1.5 -right-1.5 min-w-[14px] h-3.5 px-0.5 flex items-center justify-center bg-red-500 text-white text-[9px] font-bold rounded-full leading-none">
+                {unreadCount}
+              </span>
+            </>
+          )}
+        </span>
+        <span className="text-sm font-medium">Чат</span>
+      </button>
+
+      <button className="flex-1 flex items-center justify-center gap-2 py-2.5 bg-secondary text-secondary-foreground rounded-lg hover:bg-secondary/80 transition-colors">
+        <Headphones className="w-4 h-4" />
+        <span className="text-sm">Оператор</span>
+      </button>
+    </div>
+  );
+}
@@ -1,23 +0,0 @@
-import { Headphones, MessageCircle } from 'lucide-react';
-import { useNavigate } from 'react-router';
-
-export function QuickActions() {
-  const navigate = useNavigate();
-
-  return (
-    <div className="px-4 pb-4 flex gap-2">
-      <button
-        onClick={() => navigate('/chat/1')}
-        className="flex-1 flex items-center justify-center gap-2 py-2.5 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors"
-      >
-        <MessageCircle className="w-4 h-4" />
-        <span className="text-sm font-medium">Чат</span>
-      </button>
-
-      <button className="flex-1 flex items-center justify-center gap-2 py-2.5 bg-secondary text-secondary-foreground rounded-lg hover:bg-secondary/80 transition-colors">
-        <Headphones className="w-4 h-4" />
-        <span className="text-sm">Оператор</span>
-      </button>
-    </div>
-  );
-}