From e69190abb09661caa19fa3905a0d8f3b7e72648b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 13 Jul 2020 20:59:52 +0800
Subject: Move front end to a submodule.

---
 Timeline/ClientApp/src/app/common/AppBar.tsx | 107 ---------------------------
 1 file changed, 107 deletions(-)
 delete mode 100644 Timeline/ClientApp/src/app/common/AppBar.tsx

(limited to 'Timeline/ClientApp/src/app/common/AppBar.tsx')

diff --git a/Timeline/ClientApp/src/app/common/AppBar.tsx b/Timeline/ClientApp/src/app/common/AppBar.tsx
deleted file mode 100644
index f75fe08f..00000000
--- a/Timeline/ClientApp/src/app/common/AppBar.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react';
-import { useHistory, matchPath } from 'react-router';
-import { Link, NavLink } from 'react-router-dom';
-import { Navbar, NavbarToggler, Collapse, Nav, NavItem } from 'reactstrap';
-import { useMediaQuery } from 'react-responsive';
-import { useTranslation } from 'react-i18next';
-
-import { useUser } from '../data/user';
-import { useOptionalVersionedAvatarUrl } from '../user/api';
-
-import TimelineLogo from './TimelineLogo';
-
-const AppBar: React.FC = (_) => {
-  const history = useHistory();
-  const user = useUser();
-  const avatarUrl = useOptionalVersionedAvatarUrl(user?._links?.avatar);
-
-  const { t } = useTranslation();
-
-  const isUpMd = useMediaQuery({
-    minWidth: getComputedStyle(document.documentElement).getPropertyValue(
-      '--breakpoint-md'
-    ),
-  });
-
-  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
-
-  const toggleMenu = React.useCallback((): void => {
-    setIsMenuOpen((oldIsMenuOpen) => !oldIsMenuOpen);
-  }, []);
-
-  const isAdministrator = user && user.administrator;
-
-  const rightArea = (
-    <div className="ml-auto mr-2">
-      {user != null ? (
-        <NavLink to={`/users/${user.username}`}>
-          <img
-            className="avatar small rounded-circle bg-white"
-            src={avatarUrl}
-          />
-        </NavLink>
-      ) : (
-        <NavLink className="text-light" to="/login">
-          {t('nav.login')}
-        </NavLink>
-      )}
-    </div>
-  );
-
-  return (
-    <Navbar dark className="fixed-top w-100 bg-primary app-bar" expand="md">
-      <Link to="/" className="navbar-brand d-flex align-items-center">
-        <TimelineLogo style={{ height: '1em' }} />
-        Timeline
-      </Link>
-
-      {isUpMd ? null : rightArea}
-
-      <NavbarToggler onClick={toggleMenu} />
-      <Collapse isOpen={isMenuOpen} navbar>
-        <Nav className="mr-auto" navbar>
-          <NavItem
-            className={
-              matchPath(history.location.pathname, '/settings')
-                ? 'active'
-                : undefined
-            }
-          >
-            <NavLink className="nav-link" to="/settings">
-              {t('nav.settings')}
-            </NavLink>
-          </NavItem>
-
-          <NavItem
-            className={
-              matchPath(history.location.pathname, '/about')
-                ? 'active'
-                : undefined
-            }
-          >
-            <NavLink className="nav-link" to="/about">
-              {t('nav.about')}
-            </NavLink>
-          </NavItem>
-
-          {isAdministrator && (
-            <NavItem
-              className={
-                matchPath(history.location.pathname, '/admin')
-                  ? 'active'
-                  : undefined
-              }
-            >
-              <NavLink className="nav-link" to="/admin">
-                Administration
-              </NavLink>
-            </NavItem>
-          )}
-        </Nav>
-        {isUpMd ? rightArea : null}
-      </Collapse>
-    </Navbar>
-  );
-};
-
-export default AppBar;
-- 
cgit v1.2.3