// 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>
    );
  }

  // 记录当前路径，登录后可以回到这里
  let currentPath = window.location.pathname + window.location.search;
  let redirectUrl = `/auth/signin?redirect=${encodeURIComponent(currentPath)}`;

  // 检查是否已登录
  if (!isAuthenticated || !user) {
    return <Navigate to={redirectUrl} replace />;
  }

  // 已登录，渲染子组件
  // return children;

  // 更新逻辑 如果 currentPath 是首页 登陆成功后跳转到个人中心
  if (currentPath === '/' || currentPath === '/home') {
    currentPath = '/profile';
    redirectUrl = `/auth/signin?redirect=${encodeURIComponent(currentPath)}`;
    return <Navigate to={redirectUrl} replace />;
  } else { // 否则正常渲染
    return children;
  }
};

export default ProtectedRoute;