diff options
| author | crupest <crupest@outlook.com> | 2020-09-01 02:32:06 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-09-01 02:32:06 +0800 |
| commit | a314b5350e269676e8c39eda4cc7842751b1a7fc (patch) | |
| tree | ab3e8c96f18c8e9f6e8c613ace0e04329614304c /Timeline/ClientApp/src/app/admin/Admin.tsx | |
| parent | 02a9bf9ecfe1659b3481a5386e7a06ee2f0e5fc5 (diff) | |
| download | timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.tar.gz timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.tar.bz2 timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.zip | |
...
Diffstat (limited to 'Timeline/ClientApp/src/app/admin/Admin.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/app/admin/Admin.tsx | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/Timeline/ClientApp/src/app/admin/Admin.tsx b/Timeline/ClientApp/src/app/admin/Admin.tsx deleted file mode 100644 index e2f71091..00000000 --- a/Timeline/ClientApp/src/app/admin/Admin.tsx +++ /dev/null @@ -1,78 +0,0 @@ -import React, { Fragment } from "react"; -import { Nav, NavItem, NavLink } from "reactstrap"; -import { - Redirect, - Route, - Switch, - useRouteMatch, - useHistory, -} from "react-router"; -import classnames from "classnames"; - -import AppBar from "../common/AppBar"; -import { UserWithToken } from "../data/user"; - -import UserAdmin from "./UserAdmin"; - -interface AdminProps { - user: UserWithToken; -} - -const Admin: React.FC<AdminProps> = (props) => { - const match = useRouteMatch(); - const history = useHistory(); - type TabNames = "users" | "more"; - - const tabName = history.location.pathname.replace(match.path + "/", ""); - - function toggle(newTab: TabNames): void { - history.push(`${match.url}/${newTab}`); - } - - const createRoute = ( - name: string, - body: React.ReactNode - ): React.ReactNode => { - return ( - <Route path={`${match.path}/${name}`}> - <AppBar /> - <div style={{ height: 56 }} className="flex-fix-length" /> - <Nav tabs> - <NavItem> - <NavLink - className={classnames({ active: tabName === "users" })} - onClick={() => { - toggle("users"); - }} - > - Users - </NavLink> - </NavItem> - <NavItem> - <NavLink - className={classnames({ active: tabName === "more" })} - onClick={() => { - toggle("more"); - }} - > - More - </NavLink> - </NavItem> - </Nav> - {body} - </Route> - ); - }; - - return ( - <Fragment> - <Switch> - <Redirect from={match.path} to={`${match.path}/users`} exact /> - {createRoute("users", <UserAdmin user={props.user} />)} - {createRoute("more", <div>More Page Works</div>)} - </Switch> - </Fragment> - ); -}; - -export default Admin; |
