import React, { useState, useEffect } from 'react';
import { Layout, message } from 'antd';
import { history, useLocation, Outlet } from 'umi';
import './index.less';

const { Header, Sider, Content } = Layout;

const MainLayout: React.FC = () => {
    const [username, setUsername] = useState('');
    const location = useLocation();

    // useEffect(() => {
    //     // 检查登录状态
    //     const isLoggedIn = localStorage.getItem('isLoggedIn');
    //     const currentUsername = localStorage.getItem('username');

    //     if (!isLoggedIn) {
    //         message.error('请先登录！');
    //         history.push('/login');
    //         return;
    //     }

    //     setUsername(currentUsername || '');
    // }, []);

    useEffect(() => {
      // TODO: 第一次来：判断是否配置ip/DHCP、服务ip绑定终端  绑定：直接到版本更新页面  未绑定：到配置ip/DHCP页面
      setTimeout(() => {
        history.push('/login');
      },9000)
    }, []);

    const handleMenuClick = (key: string) => {
        // 使用路由导航
        history.push(`/${key}`);
    };

    const handleLogout = () => {
        localStorage.removeItem('isLoggedIn');
        localStorage.removeItem('username');
        message.success('已退出登录');
        history.push('/login');
    };

    return (
        <Layout className="main-layout">
            <Content className="main-content">
                <Outlet />
            </Content>
        </Layout>
    );
};

export default MainLayout;