Function UserProtectedRoute

frontend/src/components/ProtectedRoutes.tsx:10–33

({children})

};

const UserProtectedRoute: React.FC<UserProtectedRoutetypes> = ({children}) => {
  const {isAuth, isloading} = useAuthStore();

  if (isloading) {
    return (
      <Box
        sx={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          height: '70vh',
        }}
      >
        <CircularProgress size={100} />
      </Box>
    );
  }

  if (!isAuth) {
    toast.error('You need to login first!');
    return <Navigate to="/" replace />;
  }
  return <>{children}</>;
};

export default UserProtectedRoute;