aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/views/common/AppBar.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-10-31 00:42:06 +0800
committerGitHub <noreply@github.com>2020-10-31 00:42:06 +0800
commit1b80b699e477a0c14a069401cf39126d19668bf0 (patch)
tree0d1c10cd42398bea87e0169e8a4ec385b71f49bc /Timeline/ClientApp/src/app/views/common/AppBar.tsx
parent0062a22423806c9501752132133e14de02355760 (diff)
parent5875e7a19ff8eb244e2849647ba35aa898de6b52 (diff)
downloadtimeline-1b80b699e477a0c14a069401cf39126d19668bf0.tar.gz
timeline-1b80b699e477a0c14a069401cf39126d19668bf0.tar.bz2
timeline-1b80b699e477a0c14a069401cf39126d19668bf0.zip
Merge pull request #161 from crupest/upgrade
Upgrade packages and split front end and back end.
Diffstat (limited to 'Timeline/ClientApp/src/app/views/common/AppBar.tsx')
-rw-r--r--Timeline/ClientApp/src/app/views/common/AppBar.tsx64
1 files changed, 0 insertions, 64 deletions
diff --git a/Timeline/ClientApp/src/app/views/common/AppBar.tsx b/Timeline/ClientApp/src/app/views/common/AppBar.tsx
deleted file mode 100644
index ee4ead8f..00000000
--- a/Timeline/ClientApp/src/app/views/common/AppBar.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { LinkContainer } from "react-router-bootstrap";
-import { Navbar, Nav } from "react-bootstrap";
-
-import { useUser, useAvatar } from "@/services/user";
-
-import TimelineLogo from "./TimelineLogo";
-import BlobImage from "./BlobImage";
-
-const AppBar: React.FC = (_) => {
- const user = useUser();
- const avatar = useAvatar(user?.username);
-
- const { t } = useTranslation();
-
- const isAdministrator = user && user.administrator;
-
- return (
- <Navbar bg="primary" variant="dark" expand="md" sticky="top">
- <LinkContainer to="/">
- <Navbar.Brand className="d-flex align-items-center">
- <TimelineLogo style={{ height: "1em" }} />
- Timeline
- </Navbar.Brand>
- </LinkContainer>
-
- <Navbar.Toggle />
- <Navbar.Collapse>
- <Nav className="mr-auto">
- <LinkContainer to="/settings">
- <Nav.Link>{t("nav.settings")}</Nav.Link>
- </LinkContainer>
-
- <LinkContainer to="/about">
- <Nav.Link>{t("nav.about")}</Nav.Link>
- </LinkContainer>
-
- {isAdministrator && (
- <LinkContainer to="/admin">
- <Nav.Link>Administration</Nav.Link>
- </LinkContainer>
- )}
- </Nav>
- <Nav className="ml-auto mr-2">
- {user != null ? (
- <LinkContainer to={`/users/${user.username}`}>
- <BlobImage
- className="avatar small rounded-circle bg-white"
- blob={avatar}
- />
- </LinkContainer>
- ) : (
- <LinkContainer to="/login">
- <Nav.Link>{t("nav.login")}</Nav.Link>
- </LinkContainer>
- )}
- </Nav>
- </Navbar.Collapse>
- </Navbar>
- );
-};
-
-export default AppBar;