task_1_fsd/src/features/authRouting/ProtectedRoute.tsx - task6 - Percival/reactJS_course

task_1_fsd/src/features/authRouting/ProtectedRoute.tsx

27 строк541 B

Rituparn

Added the sixth task

08 ноя 2025, 14:11

08 ноя 2025, 14:11baae17a

import { Navigate, Outlet } from 'react-router-dom';
import { useAuth } from './useAuth';

export const ProtectedRoute = () => {
  const { token, isLoading } = useAuth();

  if (isLoading) {
    return (
      <div style={{
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        minHeight: '100vh',
        fontSize: '18px',
        color: '#666'
      }}>
        Загрузка...
      </div>
    );
  }

  if (!token) {
    return <Navigate to="/login" replace />;
  }

  return <Outlet />;
};