[chore] Refactor settings panel routing (and other fixes) (#2864)

1 files changed, 84 insertions, 0 deletions

diff --git a/web/source/settings/index.tsx b/web/source/settings/index.tsx
new file mode 100644
index 000000000..d0af8524d
--- /dev/null
+++ b/web/source/settings/index.tsx
@@ -0,0 +1,84 @@
+/*
+	GoToSocial
+	Copyright (C) GoToSocial Authors admin@gotosocial.org
+	SPDX-License-Identifier: AGPL-3.0-or-later
+
+	This program is free software: you can redistribute it and/or modify
+	it under the terms of the GNU Affero General Public License as published by
+	the Free Software Foundation, either version 3 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU Affero General Public License for more details.
+
+	You should have received a copy of the GNU Affero General Public License
+	along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import React, { StrictMode } from "react";
+import "./style.css";
+
+import { createRoot } from "react-dom/client";
+import { Provider } from "react-redux";
+import { PersistGate } from "redux-persist/integration/react";
+import { store, persistor } from "./redux/store";
+import { Authorization } from "./components/authorization";
+import Loading from "./components/loading";
+import { Account } from "./lib/types/account";
+import { BaseUrlContext, RoleContext } from "./lib/navigation/util";
+import { SidebarMenu } from "./lib/navigation/menu";
+import { UserMenu, UserRouter } from "./views/user/routes";
+import { ModerationMenu, ModerationRouter } from "./views/moderation/routes";
+import { AdminMenu, AdminRouter } from "./views/admin/routes";
+import { Redirect, Route, Router } from "wouter";
+
+interface AppProps {
+	account: Account;
+}
+
+export function App({ account }: AppProps) {
+	const roles: string[] = [ account.role.name ];
+
+	return (
+		<RoleContext.Provider value={roles}>
+			<BaseUrlContext.Provider value={"/settings"}>
+				<SidebarMenu>
+					<UserMenu />
+					<ModerationMenu />
+					<AdminMenu />
+				</SidebarMenu>
+				<section className="with-sidebar">
+					<Router base="/settings">
+						<UserRouter />
+						<ModerationRouter />
+						<AdminRouter />
+						{/*
+							Redirect to first part of UserRouter if
+							just the bare settings page is open, so
+							user isn't greeted with a blank page.
+						*/}
+						<Route><Redirect to="/user/profile" /></Route>
+					</Router>
+				</section>
+			</BaseUrlContext.Provider>
+		</RoleContext.Provider>
+	);
+}
+
+function Main() {
+	return (
+		<Provider store={store}>
+			<PersistGate
+				loading={<section><Loading /></section>}
+				persistor={persistor}
+			>
+				<Authorization App={App} />
+			</PersistGate>
+		</Provider>
+	);
+}
+
+const root = createRoot(document.getElementById("root") as HTMLElement);
+root.render(<StrictMode><Main /></StrictMode>);