B2B-88: add starter kit structure and elements

2025-06-08 16:18:30 +03:00
parent 657a36a298
commit e7b25600cb
1280 changed files with 77893 additions and 5688 deletions
--- a/packages/features/team-accounts/src/components/settings/team-account-settings-container.tsx
+++ b/packages/features/team-accounts/src/components/settings/team-account-settings-container.tsx
@@ -0,0 +1,91 @@
+'use client';
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@kit/ui/card';
+import { Trans } from '@kit/ui/trans';
+
+import { TeamAccountDangerZone } from './team-account-danger-zone';
+import { UpdateTeamAccountImage } from './update-team-account-image-container';
+import { UpdateTeamAccountNameForm } from './update-team-account-name-form';
+
+export function TeamAccountSettingsContainer(props: {
+  account: {
+    name: string;
+    slug: string;
+    id: string;
+    pictureUrl: string | null;
+    primaryOwnerUserId: string;
+  };
+
+  paths: {
+    teamAccountSettings: string;
+  };
+
+  features: {
+    enableTeamDeletion: boolean;
+  };
+}) {
+  return (
+    <div className={'flex w-full flex-col space-y-4'}>
+      <Card>
+        <CardHeader>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.teamLogo'} />
+          </CardTitle>
+
+          <CardDescription>
+            <Trans i18nKey={'teams:settings.teamLogoDescription'} />
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <UpdateTeamAccountImage account={props.account} />
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.teamName'} />
+          </CardTitle>
+
+          <CardDescription>
+            <Trans i18nKey={'teams:settings.teamNameDescription'} />
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <UpdateTeamAccountNameForm
+            path={props.paths.teamAccountSettings}
+            account={props.account}
+          />
+        </CardContent>
+      </Card>
+
+      <Card className={'border-destructive border'}>
+        <CardHeader>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.dangerZone'} />
+          </CardTitle>
+
+          <CardDescription>
+            <Trans i18nKey={'teams:settings.dangerZoneDescription'} />
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <TeamAccountDangerZone
+            primaryOwnerUserId={props.account.primaryOwnerUserId}
+            account={props.account}
+            features={props.features}
+          />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}