[Publisher] Agency Settings: Settings page + Account Tab (2/5) #1256

publisher/src/components/Global/GlobalStyles.tsx

@@ -0,0 +1,22 @@
+// Recidiviz - a data platform for criminal justice reform
+// Copyright (C) 2023 Recidiviz, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU 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 General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+// =============================================================================
+
+import styled from "styled-components/macro";
+
+export const GlobalTitle = styled.div``;
+
+export const GlobalDescription = styled.div``;

publisher/src/components/Menu/Menu.tsx

@@ -116,16 +116,8 @@ const Menu: React.FC = () => {
 
   const profileDropdownMetadata = [
     {
-      label: "Your Account",
-      path: "./settings/account",
-    },
-    {
-      label: "Agency Settings",
-      path: "./settings/agency-settings",
-    },
-    {
-      label: "Team Management",
-      path: "./settings/team-management",
+      label: "Settings",
+      path: "./settings",
     },
     {
       label: "Uploaded Files",

publisher/src/components/Settings/index.ts

@@ -19,6 +19,5 @@ export * from "./AccountSettings";
 export * from "./AgencySettings";
 export * from "./hooks";
 export * from "./Settings.styles";
-export * from "./SettingsMenu";
 export * from "./types";
 export * from "./utils";

publisher/src/pages/Settings.tsx

@@ -16,47 +16,22 @@
 // =============================================================================
 
 import React from "react";
-import { Navigate, Route, Routes } from "react-router-dom";
 
-import { UploadedFiles } from "../components/DataUpload";
 import {
   AccountSettings,
   AgencySettings,
   ContentDisplay,
   SettingsContainer,
-  SettingsMenu,
 } from "../components/Settings";
 import { AgencySettingsTeamManagement } from "../components/Settings/AgencySettingsTeamManagement";
 
-export const settingsMenuPaths = [
-  { displayLabel: "Your Account", path: "account" },
-  { displayLabel: "Agency Settings", path: "agency-settings" },
-  { displayLabel: "Team Management", path: "team-management" },
-  { displayLabel: "Uploaded Files", path: "uploaded-files" },
-];
-
-export type ListOfMetricsForNavigation = {
-  key: string;
-  display_name: string;
-};
-
 const Settings = () => {
   return (
     <SettingsContainer>
-      <SettingsMenu />
-
       <ContentDisplay>
-        <Routes>
-          <Route path="/" element={<Navigate to="account" replace />} />
-          <Route path="/account" element={<AccountSettings />} />
-          <Route path="/agency-settings" element={<AgencySettings />} />
-          <Route
-            path="/team-management"
-            element={<AgencySettingsTeamManagement />}
-          />
-          <Route path="/uploaded-files" element={<UploadedFiles />} />
-          <Route path="*" element={<Navigate to="account" />} />
-        </Routes>
+        <AccountSettings />
+        <AgencySettings />
+        <AgencySettingsTeamManagement />
       </ContentDisplay>
     </SettingsContainer>
   );