Remove authentication module from client

src/client/ui/main-screen/pages.ts

@@ -4,14 +4,6 @@ import FeedbackPage from "./feedback/FeedbackPage";
 import PreparePage from "./prepare/PreparePage";
 import SettingsPage from "./settings/SettingsPage";
 
-import {
-  FORGOT_PASSWORD_PAGE,
-  LOGIN_PAGE,
-  PROFILE_PAGE,
-  REGISTER_ACCOUNT_PAGE,
-  RESET_PASSWORD_PAGE,
-  VERIFY_PAGE,
-} from "@jyosuushi/ui/modules/authentication/pages";
 import { EXPLORE_PAGE } from "@jyosuushi/ui/modules/explore/pages";
 import { RELEASE_NOTES_PAGE } from "@jyosuushi/ui/modules/release-notes/pages";
 
@@ -38,13 +30,6 @@ export const UNORDERED_NESTED_PAGES: ReadonlyArray<PageDefinition> = [
   SETTINGS_PAGE,
   RELEASE_NOTES_PAGE,
   FEEDBACK_PAGE,
-  PROFILE_PAGE,
-  LOGIN_PAGE,
-  FORGOT_PASSWORD_PAGE,
-  REGISTER_ACCOUNT_PAGE,
-  RESET_PASSWORD_PAGE,
-  VERIFY_PAGE,
-  PROFILE_PAGE,
 ];
 
 export { EXPLORE_PAGE, RELEASE_NOTES_PAGE };

src/client/ui/main-screen/sidebar/Sidebar.tsx

@@ -1,26 +1,17 @@
 import React from "react";
 import { defineMessages } from "react-intl";
 
-import useAuthenticationStatus, {
-  AuthenticationStatus,
-} from "@jyosuushi/hooks/useAuthenticationStatus";
-
-import { PageDefinition } from "@jyosuushi/ui/types";
-import { LOGIN_PAGE } from "@jyosuushi/ui/modules/authentication/pages";
 import {
   EXPLORE_PAGE,
   FEEDBACK_PAGE,
   PREPARE_PAGE,
   RELEASE_NOTES_PAGE,
   SETTINGS_PAGE,
 } from "@jyosuushi/ui/main-screen/pages";
-import { PROFILE_PAGE } from "@jyosuushi/ui/modules/authentication/pages";
 
 import ExplorePageIcon from "./explore-icon.svg";
 import FeedbackPageIcon from "./feedback-icon.svg";
-import LoginPageIcon from "./login-icon.svg";
 import PreparePageIcon from "./prepare-icon.svg";
-import ProfilePageIcon from "./profile-icon.svg";
 import ReleaseNotesPageIcon from "./release-notes-icon.svg";
 import SettingsPageIcon from "./settings-icon.svg";
 
@@ -36,18 +27,10 @@ const INTL_MESSAGES = defineMessages({
     defaultMessage: "Feedback",
     id: "Sidebar.pages.feedback",
   },
-  loginPage: {
-    defaultMessage: "Login",
-    id: "Sidebar.pages.login",
-  },
   preparePage: {
     defaultMessage: "Prepare",
     id: "Sidebar.pages.prepare",
   },
-  profilePage: {
-    defaultMessage: "Your Profile",
-    id: "Sidebar.pages.profile",
-  },
   releaseNotesPage: {
     defaultMessage: "Release Notes",
     id: "Sidebar.pages.releaseNotes",
@@ -59,26 +42,6 @@ const INTL_MESSAGES = defineMessages({
 });
 
 function Sidebar(): React.ReactElement {
-  // Connect to GraphQL to determine whether we're logged in, and who we are if we are
-  const authStatus = useAuthenticationStatus();
-
-  // Determine the user-related sidebar link
-  let userLinkPage: PageDefinition | null;
-  switch (authStatus) {
-    case AuthenticationStatus.Loading: {
-      userLinkPage = null;
-      break;
-    }
-    case AuthenticationStatus.NotAuthenticated: {
-      userLinkPage = LOGIN_PAGE;
-      break;
-    }
-    case AuthenticationStatus.Authenticated: {
-      userLinkPage = PROFILE_PAGE;
-      break;
-    }
-  }
-
   // Render the component
   return (
     <div className={styles.sidebar}>
@@ -107,19 +70,6 @@ function Sidebar(): React.ReactElement {
         page={FEEDBACK_PAGE}
         text={INTL_MESSAGES.feedbackPage}
       />
-      <SidebarEntry
-        icon={
-          authStatus === AuthenticationStatus.Authenticated
-            ? ProfilePageIcon
-            : LoginPageIcon
-        }
-        page={userLinkPage}
-        text={
-          authStatus === AuthenticationStatus.Authenticated
-            ? INTL_MESSAGES.profilePage
-            : INTL_MESSAGES.loginPage
-        }
-      />
     </div>
   );
 }