workspace with decoupled nostr package

packages/app/src/Pages/SettingsPage.tsx

@@ -0,0 +1,45 @@
+import { FormattedMessage } from "react-intl";
+import { Outlet, RouteObject, useNavigate } from "react-router-dom";
+import SettingsIndex from "Pages/settings/Index";
+import Profile from "Pages/settings/Profile";
+import Relay from "Pages/settings/Relays";
+import Preferences from "Pages/settings/Preferences";
+import RelayInfo from "Pages/settings/RelayInfo";
+
+import messages from "./messages";
+
+export default function SettingsPage() {
+  const navigate = useNavigate();
+
+  return (
+    <div className="main-content">
+      <h2 onClick={() => navigate("/settings")} className="pointer">
+        <FormattedMessage {...messages.Settings} />
+      </h2>
+      <Outlet />
+    </div>
+  );
+}
+
+export const SettingsRoutes: RouteObject[] = [
+  {
+    path: "",
+    element: <SettingsIndex />,
+  },
+  {
+    path: "profile",
+    element: <Profile />,
+  },
+  {
+    path: "relays",
+    element: <Relay />,
+  },
+  {
+    path: "relays/:id",
+    element: <RelayInfo />,
+  },
+  {
+    path: "preferences",
+    element: <Preferences />,
+  },
+];