-
- Today's Summary
- You've gotten {data.recentPlaycount} new score - {data.recentPlaycount !== 1 ? "s" : ""} today! -New Sessions
- You've had {data.recentSessions.length} session - {data.recentSessions.length !== 1 ? "s" : ""} today! -
-
- - {RFA([ - "Sweet!", - "Nice!", - "Lookin' good!", - "Good Stuff!", - "owo", - "Cool!", - "Awesome!", - "Epic!", - ])} -
- You've achieved {data.recentAchievedGoals.length} new goal - {data.recentAchievedGoals.length !== 1 ? "s" : ""} today! -
-
- -
- {data.recentAchievedGoals.map((e) => {
- const goal = goalMap.get(e.goalID);
-
- if (!goal) {
- return whoops, couldn't find this goal.;
- }
-
- return (
-
-
-
-
- );
- })}
-
Here's some folders you checked out recently.
-
- {data.recentFolders.map((e) => (
-
-
- {
- const res = await APIFetchV1(
- `/users/${user.id}/game-stats`
- );
-
- if (!res.success) {
- throw new Error(res.description);
- }
-
- return res.body.sort((a, b) => {
- if (a.game === b.game) {
- const gameConfig = GetGameConfig(a.game);
-
- return (
- gameConfig.playtypes.indexOf(a.playtype) -
- gameConfig.playtypes.indexOf(b.playtype)
- );
- }
-
- const i1 = TachiConfig.games.indexOf(a.game);
- const i2 = TachiConfig.games.indexOf(b.game);
-
- return i1 - i2;
- });
- }}
- >
- {(ugs) =>
- ugs.map((e) => (
-
-
- );
-}
-
-function DashboardNotLoggedIn() {
- return (
-
-
- );
-}
-
-function FeatureContainer({ tagline, description }: { tagline: string; description: string }) {
- return (
- Welcome to {TachiConfig.name}!
-- Looks like you're not logged in. If you've got an account,{" "} - Login! -
-I'm New Around Here, What is this?
- - {TachiConfig.name} is a Rhythm Game Score Tracker. That means we... - -
- Interested? You can register right now for free!
-
-
- Register!
-
-
- -
- Nosey? Here's what our users are up to.
-
-
- -
-
-
-
- );
-}
+import { APIFetchV1 } from "util/api";
+import { ChangeOpacity } from "util/color-opacity";
+import { CreateGoalMap } from "util/data";
+import { RFA } from "util/misc";
+import { NumericSOV } from "util/sorts";
+import { heySplashes } from "util/splashes";
+import Activity from "components/activity/Activity";
+import DashboardActivity from "components/dashboard/DashboardActivity";
+import { DashboardHeader } from "components/dashboard/DashboardHeader";
+import useSetSubheader from "components/layout/header/useSetSubheader";
+import SessionCard from "components/sessions/SessionCard";
+import ApiError from "components/util/ApiError";
+import AsyncLoader from "components/util/AsyncLoader";
+import Divider from "components/util/Divider";
+import GoalLink from "components/util/GoalLink";
+import LinkButton from "components/util/LinkButton";
+import Loading from "components/util/Loading";
+import useApiQuery from "components/util/query/useApiQuery";
+import { UserContext } from "context/UserContext";
+import { UserSettingsContext } from "context/UserSettingsContext";
+import { ColourConfig, TachiConfig } from "lib/config";
+import React, { useContext, useMemo } from "react";
+import { Alert } from "react-bootstrap";
+import { Link, Route, Switch } from "react-router-dom";
+import { COLOUR_SET, GetGameConfig, UserDocument } from "tachi-common";
+import { UGSWithRankingData, UserRecentSummary } from "types/api-returns";
+import { GameStatContainer } from "./users/UserGamesPage";
+
+export function DashboardPage() {
+ const { settings } = useContext(UserSettingsContext);
+
+ useSetSubheader("Home", [settings]);
+
+ const { user } = useContext(UserContext);
+
+ if (!user) {
+ return
-
- {tagline}
- {description} -
+
+ {splash}, {user.username}.
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function RecentInfo({ user }: { user: UserDocument }) {
+ const { data, error } = useApiQuery
+
+
+
+ Today's Summary
+ You've gotten {data.recentPlaycount} new score + {data.recentPlaycount !== 1 ? "s" : ""} today! +New Sessions
+ You've had {data.recentSessions.length} session + {data.recentSessions.length !== 1 ? "s" : ""} today! +
+
+ + {RFA([ + "Sweet!", + "Nice!", + "Lookin' good!", + "Good Stuff!", + "owo", + "Cool!", + "Awesome!", + "Epic!", + ])} +
+ You've achieved {data.recentAchievedGoals.length} new goal + {data.recentAchievedGoals.length !== 1 ? "s" : ""} today! +
+
+ -
+ {data.recentAchievedGoals.map((e) => {
+ const goal = goalMap.get(e.goalID);
+
+ if (!goal) {
+ return whoops, couldn't find this goal.;
+ }
+
+ return (
+
-
+
+
+ );
+ })}
+
Here's some folders you checked out recently.
+
+ {data.recentFolders.map((e) => (
+
+
+ {
+ const res = await APIFetchV1(
+ `/users/${user.id}/game-stats`
+ );
+
+ if (!res.success) {
+ throw new Error(res.description);
+ }
+
+ return res.body.sort((a, b) => {
+ if (a.game === b.game) {
+ const gameConfig = GetGameConfig(a.game);
+
+ return (
+ gameConfig.playtypes.indexOf(a.playtype) -
+ gameConfig.playtypes.indexOf(b.playtype)
+ );
+ }
+
+ const i1 = TachiConfig.games.indexOf(a.game);
+ const i2 = TachiConfig.games.indexOf(b.game);
+
+ return i1 - i2;
+ });
+ }}
+ >
+ {(ugs) =>
+ ugs.map((e) => (
+
+
+ );
+}
+
+function DashboardNotLoggedIn() {
+ return (
+
+
+ );
+}
+
+function FeatureContainer({ tagline, description }: { tagline: string; description: string }) {
+ return (
+ Welcome to {TachiConfig.name}!
++ Looks like you're not logged in. If you've got an account,{" "} + Login! +
+I'm New Around Here, What is this?
+ + {TachiConfig.name} is a Rhythm Game Score Tracker. That means we... + +
+ Interested? You can register right now for free!
+
+
+ Register!
+
+
+ +
+ Nosey? Here's what our users are up to.
+
+
+ +
+
+
+
+ );
+}
diff --git a/client/src/app/routes/AppRoutes.tsx b/client/src/app/routes/AppRoutes.tsx
index a73aa00d3..442b1f92c 100644
--- a/client/src/app/routes/AppRoutes.tsx
+++ b/client/src/app/routes/AppRoutes.tsx
@@ -1,95 +1,95 @@
-import { HistorySafeGoBack } from "util/misc";
-import { ErrorPage } from "app/pages/ErrorPage";
-import ForgotPasswordPage from "app/pages/ForgotPasswordPage";
-import LoginPage from "app/pages/LoginPage";
-import OAuthRequestAuthPage from "app/pages/OAuthRequestAuthPage";
-import RegisterPage from "app/pages/RegisterPage";
-import ResetPasswordPage from "app/pages/ResetPasswordPage";
-import VerifyEmailPage from "app/pages/VerifyEmailPage";
-import CenterPage from "components/util/CenterPage";
-import ErrorBoundary from "components/util/ErrorBoundary";
-import MainPageTitleContainer from "components/util/MainPageTitleContainer";
-import { UserContext } from "context/UserContext";
-import { ClientConfig } from "lib/config";
-import React, { useContext } from "react";
-import { Redirect, Route, Switch, useHistory } from "react-router-dom";
-import ClientFileFlowRoutes from "./ClientFileFlowRoutes";
-import DashboardRoutes from "./DashboardRoutes";
-import OAuth2CallbackRoutes from "./OAuth2CallbackRoutes";
-import RedirectLegacyRoutes from "./RedirectLegacyRoutes";
-
-/**
- * Core Routes for Tachi-Client.
- * These are things that involve redirecting to non-dashboard apps.
- */
-export function Routes() {
- const { user } = useContext(UserContext);
-
- const history = useHistory();
-
- return (
-
+
+ {tagline}
+ {description} +
-
-
- );
-}
+import BackgroundImage from "components/layout/misc/BackgroundImage";
+import { BackgroundContextProvider } from "context/BackgroundContext";
+import React, { useState } from "react";
+import { JustChildren } from "types/react";
+import { Footer } from "./footer/Footer";
+import { Header } from "./header/Header";
+import { HeaderMobile } from "./header/HeaderMobile";
+import { SubHeader } from "./subheader/SubHeader";
+
+export function Layout({ children }: JustChildren) {
+ const [mobileShow, setMobileShow] = useState(false);
+
+ return (
+ <>
+
-
-
-
-
-
-
-
-
-
- {children}
-
+
+
+ );
+}
diff --git a/client/src/components/layout/footer/Footer.tsx b/client/src/components/layout/footer/Footer.tsx
index 64cb80ecc..220b30276 100644
--- a/client/src/components/layout/footer/Footer.tsx
+++ b/client/src/components/layout/footer/Footer.tsx
@@ -1,102 +1,102 @@
-import { APIFetchV1 } from "util/api";
-import Divider from "components/util/Divider";
-import ExternalLink from "components/util/ExternalLink";
-import { BannedContext } from "context/BannedContext";
-import React, { useContext, useEffect, useState } from "react";
-import { Link } from "react-router-dom";
-import { ServerStatus } from "types/api-returns";
-
-export function Footer() {
- const [serverVersion, setServerVersion] = useState("Loading...");
- const { setBanned } = useContext(BannedContext);
-
- useEffect(() => {
- APIFetchV1
+
+
+
+
+
+
+
+
+
+ {children}
+
-
- );
-}
+import { ToCDNURL } from "util/api";
+import React from "react";
+import { Link } from "react-router-dom";
+import { SetState } from "types/react";
+import { HeaderMenu } from "./HeaderMenu";
+import { Topbar } from "./Topbar";
+
+export function Header({
+ mobileShow,
+ setMobileShow,
+}: {
+ mobileShow: boolean;
+ setMobileShow: SetState
-
-
-
-
-
-
- ![Logo]({ToCDNURL("/logos/logo-mark.png")})
-
-
-
-
-
-
+
+ );
+}
diff --git a/client/src/components/layout/header/HeaderMenu.tsx b/client/src/components/layout/header/HeaderMenu.tsx
index 8a35ef063..1fe30f154 100644
--- a/client/src/components/layout/header/HeaderMenu.tsx
+++ b/client/src/components/layout/header/HeaderMenu.tsx
@@ -1,171 +1,171 @@
-import { APIFetchV1, ToCDNURL } from "util/api";
-import Divider from "components/util/Divider";
-import Icon from "components/util/Icon";
-import Loading from "components/util/Loading";
-import useComponentVisible from "components/util/useComponentVisible";
-import { AllLUGPTStatsContext } from "context/AllLUGPTStatsContext";
-import { UserContext } from "context/UserContext";
-import { UserSettingsContext } from "context/UserSettingsContext";
-import { TachiConfig } from "lib/config";
-import React, { useContext, useEffect } from "react";
-import { Button } from "react-bootstrap";
-import toast from "react-hot-toast";
-import { useQuery } from "react-query";
-import { Link } from "react-router-dom";
-import { FormatGame, GetGameConfig, UserGameStats } from "tachi-common";
-import { SetState } from "types/react";
-import AllGames from "./AllGames";
-import ImportScoresLink from "./ImportScoresLink";
-import MenuDropdown from "./MenuDropdown";
-import MenuLink from "./MenuLink";
-import UtilsDropdown from "./UtilsDropdown";
-
-export function HeaderMenu({
- mobileShow,
- setMobileShow,
-}: {
- mobileShow: boolean;
- setMobileShow: SetState
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- );
-}
+import { APIFetchV1, ToCDNURL } from "util/api";
+import Divider from "components/util/Divider";
+import Icon from "components/util/Icon";
+import Loading from "components/util/Loading";
+import useComponentVisible from "components/util/useComponentVisible";
+import { AllLUGPTStatsContext } from "context/AllLUGPTStatsContext";
+import { UserContext } from "context/UserContext";
+import { UserSettingsContext } from "context/UserSettingsContext";
+import { TachiConfig } from "lib/config";
+import React, { useContext, useEffect } from "react";
+import { Button } from "react-bootstrap";
+import toast from "react-hot-toast";
+import { useQuery } from "react-query";
+import { Link } from "react-router-dom";
+import { FormatGame, GetGameConfig, UserGameStats } from "tachi-common";
+import { SetState } from "types/react";
+import AllGames from "./AllGames";
+import ImportScoresLink from "./ImportScoresLink";
+import MenuDropdown from "./MenuDropdown";
+import MenuLink from "./MenuLink";
+import UtilsDropdown from "./UtilsDropdown";
+
+export function HeaderMenu({
+ mobileShow,
+ setMobileShow,
+}: {
+ mobileShow: boolean;
+ setMobileShow: SetState
-
-
-
- {user && (
-
-
- ![]({ToCDNURL("/logos/logo-wordmark.png")})
-
-
-
-
-
-
-
-
- -
- {user && ugs && ugs.length !== 0 && (
-
-
- )}
-
-
-
-
+
+ );
+}
diff --git a/client/src/components/layout/header/HeaderMobile.tsx b/client/src/components/layout/header/HeaderMobile.tsx
index b4dad5fb2..1b7d2eaa3 100644
--- a/client/src/components/layout/header/HeaderMobile.tsx
+++ b/client/src/components/layout/header/HeaderMobile.tsx
@@ -1,63 +1,63 @@
-import { ToAPIURL } from "util/api";
-import { UserContext } from "context/UserContext";
-import React, { useContext } from "react";
-import { Link } from "react-router-dom";
-import { SetState } from "types/react";
-import { UserNotificationButton } from "./UserNotificationButton";
-import { SearchButton } from "./SearchButton";
-
-export function HeaderMobile({
- mobileShow,
- setMobileShow,
-}: {
- mobileShow: boolean;
- setMobileShow: SetState
+
+
+
+ {user && (
+
+
+
+
+
+
+
+
+
+
+
+ -
+ {user && ugs && ugs.length !== 0 && (
+
+
+ )}
+
+
+
+
-
-
- );
-}
+import { ToAPIURL } from "util/api";
+import { UserContext } from "context/UserContext";
+import React, { useContext } from "react";
+import { Link } from "react-router-dom";
+import { SetState } from "types/react";
+import { UserNotificationButton } from "./UserNotificationButton";
+import { SearchButton } from "./SearchButton";
+
+export function HeaderMobile({
+ mobileShow,
+ setMobileShow,
+}: {
+ mobileShow: boolean;
+ setMobileShow: SetState
-
-
-
-
-
-
+
+
+ );
+}
diff --git a/client/src/components/layout/header/SearchButton.tsx b/client/src/components/layout/header/SearchButton.tsx
index 81783f5ac..fb5a38c2c 100644
--- a/client/src/components/layout/header/SearchButton.tsx
+++ b/client/src/components/layout/header/SearchButton.tsx
@@ -1,18 +1,18 @@
-import Icon from "components/util/Icon";
-import useApiQuery from "components/util/query/useApiQuery";
-import { NotificationsContext } from "context/NotificationsContext";
-import React, { useContext, useMemo } from "react";
-import { Link } from "react-router-dom";
-import { NotificationDocument, UserDocument } from "tachi-common";
-
-export function SearchButton() {
- return (
-
+
+
+
+
+
+
-
-
- );
-}
+import Icon from "components/util/Icon";
+import useApiQuery from "components/util/query/useApiQuery";
+import { NotificationsContext } from "context/NotificationsContext";
+import React, { useContext, useMemo } from "react";
+import { Link } from "react-router-dom";
+import { NotificationDocument, UserDocument } from "tachi-common";
+
+export function SearchButton() {
+ return (
+
-
-
-
+
+
+ );
+}
diff --git a/client/src/components/layout/header/Topbar.tsx b/client/src/components/layout/header/Topbar.tsx
index 2b0704d07..185f9d471 100644
--- a/client/src/components/layout/header/Topbar.tsx
+++ b/client/src/components/layout/header/Topbar.tsx
@@ -1,34 +1,34 @@
-import { UserProfileDropdown } from "components/layout/header/UserProfileDropdown";
-import LinkButton from "components/util/LinkButton";
-import { UserContext } from "context/UserContext";
-import React, { useContext } from "react";
-import { UserNotificationButton } from "./UserNotificationButton";
-import { SearchButton } from "./SearchButton";
-
-export function Topbar() {
- const { user } = useContext(UserContext);
-
- return (
-
+
+
+
-
- );
-}
+import { UserProfileDropdown } from "components/layout/header/UserProfileDropdown";
+import LinkButton from "components/util/LinkButton";
+import { UserContext } from "context/UserContext";
+import React, { useContext } from "react";
+import { UserNotificationButton } from "./UserNotificationButton";
+import { SearchButton } from "./SearchButton";
+
+export function Topbar() {
+ const { user } = useContext(UserContext);
+
+ return (
+
-
- Log In
-
-
-
- Create Account
-
-
- )}
-
+
+ );
+}
diff --git a/client/src/components/layout/header/UserNotificationButton.tsx b/client/src/components/layout/header/UserNotificationButton.tsx
index 6ffa0f333..3d24a80b6 100644
--- a/client/src/components/layout/header/UserNotificationButton.tsx
+++ b/client/src/components/layout/header/UserNotificationButton.tsx
@@ -1,35 +1,35 @@
-import Icon from "components/util/Icon";
-import useApiQuery from "components/util/query/useApiQuery";
-import { NotificationsContext } from "context/NotificationsContext";
-import React, { useContext, useMemo } from "react";
-import { Link } from "react-router-dom";
-import { NotificationDocument, UserDocument } from "tachi-common";
-
-export function UserNotificationButton({ user }: { user: UserDocument }) {
- const { notifications } = useContext(NotificationsContext);
-
- const unread = useMemo(() => {
- if (!notifications) {
- return 0;
- }
-
- return notifications.filter((e) => e.read === false).length;
- }, [notifications]);
-
- return (
-
+
+ Log In
+
+
+
+ Create Account
+
+
+ )}
+
-
-
- );
-}
+import Icon from "components/util/Icon";
+import useApiQuery from "components/util/query/useApiQuery";
+import { NotificationsContext } from "context/NotificationsContext";
+import React, { useContext, useMemo } from "react";
+import { Link } from "react-router-dom";
+import { NotificationDocument, UserDocument } from "tachi-common";
+
+export function UserNotificationButton({ user }: { user: UserDocument }) {
+ const { notifications } = useContext(NotificationsContext);
+
+ const unread = useMemo(() => {
+ if (!notifications) {
+ return 0;
+ }
+
+ return notifications.filter((e) => e.read === false).length;
+ }, [notifications]);
+
+ return (
+
- {unread > 0 ? (
-
-
-
+
+
+ );
+}
diff --git a/client/src/components/layout/header/UserProfileDropdown.tsx b/client/src/components/layout/header/UserProfileDropdown.tsx
index 2da7cde4e..b68a8fd5c 100644
--- a/client/src/components/layout/header/UserProfileDropdown.tsx
+++ b/client/src/components/layout/header/UserProfileDropdown.tsx
@@ -1,135 +1,135 @@
-import { APIFetchV1, ToAPIURL } from "util/api";
-import { RFA } from "util/misc";
-import { heySplashes } from "util/splashes";
-import Divider from "components/util/Divider";
-import DropdownToggleOverride from "components/util/DropdownToggleOverride";
-import Icon from "components/util/Icon";
-import { UserContext } from "context/UserContext";
-import React, { useContext, useState } from "react";
-import { Button } from "react-bootstrap";
-import Dropdown from "react-bootstrap/Dropdown";
-import toast from "react-hot-toast";
-import { Link } from "react-router-dom";
-import { UserDocument } from "tachi-common";
-
-export function UserProfileDropdown({ user }: { user: UserDocument }) {
- const { setUser } = useContext(UserContext);
- const [heySplash] = useState(RFA(heySplashes));
-
- return (
-
+ {unread > 0 ? (
+
+
+
-
- {heySplash},
- {" "}
-
- {user.username}
-
-
- ![Pic]({ToAPIURL("/users/me/pfp")})
-
-
-
-
-
-
-
-
-
-
-
-
-
- My Profile
- View your profile!
-
-
-
-
-
-
-
-
- Notifications
- View your notifications!
-
-
-
-
-
-
-
-
-
- Profile Settings
-
-
- Manage your profile picture, status, and more!
-
-
-
-
-
-
-
-
-
-
- My Integrations
-
-
- Manage your API Keys and integrations with other services.
-
-
-
-
-
+
+ {heySplash},
+ {" "}
+
+ {user.username}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ My Profile
+ View your profile!
+
+
+
+
+
+
+
+
+ Notifications
+ View your notifications!
+
+
+
+
+
+
+
+
+
+ Profile Settings
+
+
+ Manage your profile picture, status, and more!
+
+
+
+
+
+
+
+
+
+
+ My Integrations
+
+
+ Manage your API Keys and integrations with other services.
+
+
+
+
+
-
- );
-}
+import { CircularProgress } from "@mui/material";
+import React from "react";
+import SplashImage from "../misc/SplashImage";
+
+export function SplashScreen({ broke }: { broke: string }) {
+ return (
+ {broke}
} -
+
+ );
+}
diff --git a/client/src/components/layout/subheader/SubHeader.tsx b/client/src/components/layout/subheader/SubHeader.tsx
index 7675d403f..be4008544 100644
--- a/client/src/components/layout/subheader/SubHeader.tsx
+++ b/client/src/components/layout/subheader/SubHeader.tsx
@@ -1,32 +1,32 @@
-import Divider from "components/util/Divider";
-import React, { useContext } from "react";
-import { SubheaderContext } from "../../../context/SubheaderContext";
-import { Breadcrumbs } from "./components/Breadcrumbs";
-
-export function SubHeader() {
- const subheader = useContext(SubheaderContext);
-
- return (
- <>
- {broke}
} +
-
-
-
-
-
- {subheader.title}
-
-
-
-
- - {subheader.title} -
- -
-
-
- );
-}
+import Divider from "components/util/Divider";
+import React, { useContext } from "react";
+import { SubheaderContext } from "../../../context/SubheaderContext";
+import { Breadcrumbs } from "./components/Breadcrumbs";
+
+export function SubHeader() {
+ const subheader = useContext(SubheaderContext);
+
+ return (
+ <>
+
+
+
+
+
+
+ {subheader.title}
+
+
+
+
+ + {subheader.title} +
+ +
+
+
+ );
+}
diff --git a/client/src/components/layout/subheader/components/Breadcrumbs.tsx b/client/src/components/layout/subheader/components/Breadcrumbs.tsx
index 4d02e551c..88869a138 100644
--- a/client/src/components/layout/subheader/components/Breadcrumbs.tsx
+++ b/client/src/components/layout/subheader/components/Breadcrumbs.tsx
@@ -1,40 +1,40 @@
-import React, { Fragment } from "react";
-import { Link } from "react-router-dom";
-import { GetGameConfig } from "tachi-common";
-
-export function Breadcrumbs({ items }: { items: string[] }) {
- const url = location.pathname;
-
- // we also need to remove the first param, as it is an empty string
- const parts = url.split("/").slice(1);
-
- return (
-
-
-
-
- {items.map((name, index) => {
- // Skip playtype in the breadcrumbs if the game only has one playtype.
- // @hack
- // this only works if the game has one playtype called "Single".
- // Some games (like pop'n) have one playtype, but it's called
- // 9B. They'll just have to cope.
- if (items[index - 2] === "Games" && name === "Single") {
- return;
- }
-
- return (
-
-
-
- {name}
-
-
- );
- })}
-
- );
-}
+import React, { Fragment } from "react";
+import { Link } from "react-router-dom";
+import { GetGameConfig } from "tachi-common";
+
+export function Breadcrumbs({ items }: { items: string[] }) {
+ const url = location.pathname;
+
+ // we also need to remove the first param, as it is an empty string
+ const parts = url.split("/").slice(1);
+
+ return (
+
+
+
+
+ {items.map((name, index) => {
+ // Skip playtype in the breadcrumbs if the game only has one playtype.
+ // @hack
+ // this only works if the game has one playtype called "Single".
+ // Some games (like pop'n) have one playtype, but it's called
+ // 9B. They'll just have to cope.
+ if (items[index - 2] === "Games" && name === "Single") {
+ return;
+ }
+
+ return (
+
+
+
+ {name}
+
+
+ );
+ })}
+
+ );
+}
diff --git a/client/src/context/SubheaderContext.tsx b/client/src/context/SubheaderContext.tsx
index 3c77e755e..eed233a3e 100644
--- a/client/src/context/SubheaderContext.tsx
+++ b/client/src/context/SubheaderContext.tsx
@@ -1,20 +1,20 @@
-import { NO_OP } from "util/misc";
-import React, { createContext, useState } from "react";
-import { JustChildren, SetState } from "types/react";
-
-export const SubheaderContext = createContext({
- title: "",
- setTitle: NO_OP as SetState