35daa52767
✨ Features: - Complete authentication system with JWT - Dashboard with all 6 modules visible - Contact Management module (Salesforce-style) - CRM & Sales Pipeline module (Pipedrive-style) - Inventory & Assets module (SAP-style) - Tasks & Projects module (Jira/Asana-style) - HR Management module (BambooHR-style) - Marketing Management module (HubSpot-style) - Admin Panel with user management and role matrix - World-class UI/UX with RTL Arabic support - Cairo font (headings) + Readex Pro font (body) - Sample data for all modules - Protected routes and authentication flow - Backend API with Prisma + PostgreSQL - Comprehensive documentation 🎨 Design: - Color-coded modules - Professional data tables - Stats cards with metrics - Progress bars and status badges - Search and filters - Responsive layout 📊 Tech Stack: - Frontend: Next.js 14, TypeScript, Tailwind CSS - Backend: Node.js, Express, Prisma - Database: PostgreSQL - Auth: JWT with bcrypt 🚀 Production-ready frontend with all features accessible
35 lines
881 B
TypeScript
35 lines
881 B
TypeScript
'use client'
|
||
|
||
import { useEffect } from 'react'
|
||
import { useRouter } from 'next/navigation'
|
||
import { useAuth } from '@/contexts/AuthContext'
|
||
|
||
export default function ProtectedRoute({ children }: { children: React.ReactNode }) {
|
||
const { isAuthenticated, isLoading } = useAuth()
|
||
const router = useRouter()
|
||
|
||
useEffect(() => {
|
||
if (!isLoading && !isAuthenticated) {
|
||
router.push('/')
|
||
}
|
||
}, [isAuthenticated, isLoading, router])
|
||
|
||
if (isLoading) {
|
||
return (
|
||
<div className="min-h-screen flex items-center justify-center">
|
||
<div className="text-center">
|
||
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto"></div>
|
||
<p className="mt-4 text-gray-600">جاري التحميل...</p>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
if (!isAuthenticated) {
|
||
return null
|
||
}
|
||
|
||
return <>{children}</>
|
||
}
|
||
|