import { Outlet, Link, useNavigation, useLocation } from "react-router-dom";
import { useEffect } from 'react';
import { Breadcrumb, Layout, Menu, ConfigProvider, theme, Dropdown, Space, Row, Col } from 'antd';
import {
UserOutlined,
VideoCameraOutlined,
DownOutlined
} from '@ant-design/icons';
import 'antd/dist/reset.css';
const { Header, Content, Footer, Sider } = Layout;
const items = [
{
label: (
Profile
),
key: '0',
},
{
label: (
Privacy
),
key: '1',
},
{
type: 'divider',
},
{
label: (
Logout
),
key: '3',
},
]
export default function App() {
let location = useLocation();
useEffect(() => {
// Check location
console.info('location.pathname: ' + location.pathname)
}, [location]);
const {
token: { colorBgContainer },
} = theme.useToken();
return (
);
}