لوحة التحكّم·متقدّم
مركز إشعارات في الشريط العلوي
أيقونة جرس + قائمة منسدلة بالإشعارات.
نصّ البرومبت
أضف مركز إشعارات: - Popover من shadcn يفتح من أيقونة الجرس. - badge بعدد الإشعارات غير المقروءة. - كل إشعار: أيقونة، عنوان، وقت نسبي (منذ 5 دقائق). - زر «تعليم الكلّ كمقروء». - Realtime عبر Supabase subscription على جدول notifications.
وسوم
notificationsrealtime
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
لوحة التحكّم · متوسط
قالب لوحة تحكّم كامل
Sidebar + Topbar + main content بـ shadcn.
لوحة التحكّم · مبتدئ
بطاقات إحصائيّة بأسلوب Vercel
أربع بطاقات KPI مع مقارنة الفترة السابقة.
لوحة التحكّم · متقدّم
جدول بيانات كامل الميّزات
TanStack Table + shadcn: بحث، فرز، صفحات.
لوحة التحكّم · متوسط
مخطّطات تحليلات بـ Recharts
خط + عمود + دائري بألوان النظام.