39 lines
1.0 KiB
JavaScript
39 lines
1.0 KiB
JavaScript
// src/components/ProtectedRouteRedirect.js - 跳转版本
|
|
// 未登录时跳转到首页，用于三级页面（详情页）
|
|
import React from 'react';
|
|
import { Navigate } from 'react-router-dom';
|
|
import { Box, VStack, Spinner, Text } from '@chakra-ui/react';
|
|
import { useAuth } from '../contexts/AuthContext';
|
|
|
|
const ProtectedRouteRedirect = ({ children }) => {
|
|
const { isAuthenticated, isLoading, user } = useAuth();
|
|
|
|
// 显示加载状态
|
|
if (isLoading) {
|
|
return (
|
|
<Box
|
|
height="100vh"
|
|
display="flex"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
bg="gray.50"
|
|
>
|
|
<VStack spacing={4}>
|
|
<Spinner size="xl" color="blue.500" thickness="4px" />
|
|
<Text fontSize="lg" color="gray.600">正在验证登录状态...</Text>
|
|
</VStack>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
// 未登录，直接跳转到首页
|
|
if (!isAuthenticated || !user) {
|
|
return <Navigate to="/home" replace />;
|
|
}
|
|
|
|
// 已登录，正常渲染子组件
|
|
return children;
|
|
};
|
|
|
|
export default ProtectedRouteRedirect;
|