Initial commit

src/components/ProtectedRoute.js

@@ -0,0 +1,41 @@
+// src/components/ProtectedRoute.js - Session版本
+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 ProtectedRoute = ({ 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) {
+    // 记录当前路径，登录后可以回到这里
+    const currentPath = window.location.pathname + window.location.search;
+    const redirectUrl = `/auth/signin?redirect=${encodeURIComponent(currentPath)}`;
+
+    return <Navigate to={redirectUrl} replace />;
+  }
+
+  // 已登录，渲染子组件
+  return children;
+};
+
+export default ProtectedRoute;