feat(onboarding): frontend for onboarding users

2026-10-18 17:41:16 +00:00 · 2023-11-10 13:12:58 +05:30
parent df7d8e7be9
commit 29fa85e499
31 changed files with 938 additions and 66 deletions
@@ -0,0 +1,64 @@
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+
+import { ContentLoader, Switch, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
+import { useOrganization, useServerConfig, useUser } from "@app/context";
+import { useUpdateServerConfig } from "@app/hooks/api";
+
+enum TabSections {
+  Settings = "settings"
+}
+
+export const AdminDashboardPage = () => {
+  const router = useRouter();
+  const data = useServerConfig();
+  const { config } = data;
+  const { user, isLoading: isUserLoading } = useUser();
+  const { orgs } = useOrganization();
+  const { mutate: updateServerConfig } = useUpdateServerConfig();
+
+  const isNotAllowed = !user?.superAdmin;
+
+  useEffect(() => {
+    if (isNotAllowed && !isUserLoading) {
+      if (orgs?.length) {
+        localStorage.setItem("orgData.id", orgs?.[0]?._id);
+        router.push(`/org/${orgs?.[0]?._id}/overview`);
+      }
+    }
+  }, [isNotAllowed, isUserLoading]);
+
+  return (
+    <div className="container mx-auto max-w-7xl pb-12 text-white dark:[color-scheme:dark]">
+      <div className="mb-8">
+        <div className="mx-4 mb-4 mt-6 flex flex-col items-start justify-between px-2 text-xl">
+          <h1 className="text-3xl font-semibold">Admin Dashboard</h1>
+          <p className="text-base text-bunker-300">Manage your Infisical.</p>
+        </div>
+      </div>
+      {isUserLoading || isNotAllowed ? (
+        <ContentLoader text={isNotAllowed ? "Redirecting to org page..." : undefined} />
+      ) : (
+        <div>
+          <Tabs defaultValue={TabSections.Settings}>
+            <TabList>
+              <div className="flex flex-row border-b border-mineshaft-600 w-full">
+                <Tab value={TabSections.Settings}>General</Tab>
+              </div>
+            </TabList>
+            <TabPanel value={TabSections.Settings}>
+              <div className="flex items-center space-x-4">
+                <Switch
+                  id="disable-invite"
+                  isChecked={Boolean(config?.allowSignUp)}
+                  onCheckedChange={(isChecked) => updateServerConfig({ allowSignUp: isChecked })}
+                />
+                <div className="flex-grow">Enable signup or invite</div>
+              </div>
+            </TabPanel>
+          </Tabs>
+        </div>
+      )}
+    </div>
+  );
+};
@@ -0,0 +1 @@
+export { AdminDashboardPage } from "./DashboardPage";
				`@@ -0,0 +1 @@`
				`export { AdminDashboardPage } from "./DashboardPage";`