Checkpoint service account functionality, added UI and general backend structure

2026-10-18 17:41:16 +00:00 · 2023-03-27 22:00:10 +07:00
parent 3a0ce7c084
commit d36d7bfce6
39 changed files with 1710 additions and 356 deletions
@@ -0,0 +1,43 @@
+import { useRouter } from 'next/router';
+
+import NavHeader from '@app/components/navigation/NavHeader';
+
+import { SAProjectLevelPermissionsTable } from './components/SAProjectLevelPermissionsTable';
+import { ServiceAccountNameChangeSection } from './components';
+
+export const CreateServiceAccountPage = () => {
+    const router = useRouter();
+    const { serviceAccountId }: { serviceAccountId: string } = router.query;
+
+    return (
+        <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
+            <NavHeader 
+                pageName="Service Account" 
+                isOrganizationRelated
+            />
+            <div className="my-8 ml-6 max-w-5xl">
+                <p className="text-3xl font-semibold text-gray-200">Service Account</p>
+                <p className="text-base font-normal text-gray-400">
+                    A service account represents a machine identity such as a VM or application client.
+                </p>
+            </div>
+            <div className="max-w-8xl mx-6">
+                {typeof serviceAccountId === 'string' && (
+                    <ServiceAccountNameChangeSection 
+                        serviceAccountId={serviceAccountId}
+                    />
+                )}
+                {/* <div className="rounded-md bg-white/5 p-6 mt-6">
+                    <p className="mb-4 text-xl font-semibold">Organization-Level Permissions</p>
+                    <SAProjectLevelPermissionsTable />
+                </div> */}
+                <div className="rounded-md bg-white/5 p-6 mt-6">
+                    <p className="mb-4 text-xl font-semibold">Project-Level Permissions</p>
+                    <SAProjectLevelPermissionsTable 
+                        serviceAccountId={serviceAccountId}
+                    />
+                </div>
+            </div>
+        </div>
+    );
+}