feat: Implement real-time trading notifications

Adds a `NotificationManager` component to the application that listens for new trading signals from Firestore. When a new signal is detected, it requests notification permission from the user and displays a browser notification if permission is granted.

This change enhances user experience by providing immediate alerts for potential trading opportunities.

Also includes minor UI and styling adjustments in `AnalysisView` and `LandingPage` for improved clarity and consistency.
This commit is contained in:
desartstudio95
2026-05-03 22:17:02 +02:00
parent c95af0e973
commit 4279390246
4 changed files with 96 additions and 3 deletions
+2
View File
@@ -12,6 +12,7 @@ import { PlansView } from './components/PlansView';
import { AdminDashboard } from './components/AdminDashboard';
import { LandingPage } from './components/LandingPage';
import { ProfileView } from './components/ProfileView';
import { NotificationManager } from './components/NotificationManager';
import { TrendingUp, ShieldAlert, Ghost, Mail, Lock, UserPlus, LogIn, Loader2, ArrowLeft, User as UserIcon, Eye, EyeOff } from 'lucide-react';
import { motion, AnimatePresence } from 'motion/react';
import { onAuthStateChanged, signInWithEmailAndPassword, createUserWithEmailAndPassword, updateProfile, signOut, sendEmailVerification, sendPasswordResetEmail, User, setPersistence, browserLocalPersistence, browserSessionPersistence } from 'firebase/auth';
@@ -538,6 +539,7 @@ export default function App() {
return (
<div className="min-h-screen bg-brand-dark text-white flex flex-col md:flex-row pb-20 md:pb-0 relative overflow-hidden">
<NotificationManager />
{/* Background Image for App */}
<div className="absolute inset-0 z-0 pointer-events-none">
<img