import { Outlet, Link, useHref, useLocation } from "react-router-dom"; import { useEffect } from "react"; import { observer } from "mobx-react"; import { Layout, Menu, ConfigProvider, theme, Dropdown, Space, Row, Col, Alert, App as AntApp } from "antd"; import { DownOutlined } from "@ant-design/icons"; import "antd/dist/reset.css"; import AppLogo from "@/assets/logo-gh.png"; import { useStore } from "@/stores/StoreContext.js"; const { Header, Content, Footer } = Layout; const items = [ { label: ( Change password ), key: "0", }, { label: ( Profile ), key: "1", }, { type: "divider", }, { label: ( Logout ), key: "3", }, ]; function App() { const { authStore } = useStore(); const href = useHref(); let location = useLocation(); useEffect(() => { // Check location console.info("location.pathname: " + location.pathname); }, [location]); const { token: { colorBgContainer }, } = theme.useToken(); return (
App logo Reservation }, { key: "/feedback", label: Feedback }, { key: "/invoice", label: Invoice }, { key: "/notice", label: Notice }, ]} /> e.preventDefault()}> {authStore.login.username}
); } export default observer(App);