Finish preliminary making user settings, org settings styling similar to usage and billing page

2026-10-18 04:58:28 +00:00 · 2023-06-29 17:47:23 +07:00
parent 81c69d92b3
commit 056f5a4555
73 changed files with 2098 additions and 1698 deletions
@@ -0,0 +1,22 @@
+import { useTranslation } from "react-i18next";
+
+import NavHeader from "@app/components/navigation/NavHeader";
+
+import { PersonalTabGroup } from "./PersonalTabGroup";
+
+export const PersonalSettingsPage = () => {
+    const { t } = useTranslation();
+    return (
+        <div className="flex justify-center bg-bunker-800 text-white w-full h-full px-6">
+            <div className="max-w-screen-lg w-full">
+                <NavHeader pageName={t("settings.personal.title")} isProjectRelated={false} />
+                <div className="my-8">
+                    <p className="text-3xl font-semibold text-gray-200">
+                        {t("settings.personal.title")}
+                    </p>
+                </div>
+                <PersonalTabGroup />
+            </div>
+        </div>
+    );
+}