Teams context settings.

src/app/(main)/teams/[teamId]/settings/layout.tsx

@@ -0,0 +1,3 @@
+import Layout from 'app/(main)/settings/layout';
+
+export default Layout;

src/app/(main)/teams/[teamId]/settings/members/Members.tsx

@@ -0,0 +1,15 @@
+'use client';
+import TeamMembers from 'app/(main)/settings/teams/[teamId]/TeamMembers';
+import PageHeader from 'components/layout/PageHeader';
+import { useMessages } from 'components/hooks';
+
+export default function ({ teamId }: { teamId: string }) {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <>
+      <PageHeader title={formatMessage(labels.members)} />
+      <TeamMembers teamId={teamId} allowEdit={true} />
+    </>
+  );
+}

src/app/(main)/teams/[teamId]/settings/members/page.tsx

@@ -0,0 +1,5 @@
+import Members from './Members';
+
+export default function ({ params: { teamId } }) {
+  return <Members teamId={teamId} />;
+}

src/app/(main)/teams/[teamId]/settings/team/Team.tsx

@@ -0,0 +1,26 @@
+'use client';
+import TeamEditForm from 'app/(main)/settings/teams/[teamId]/TeamEditForm';
+import { useLogin, useMessages, useTeam } from 'components/hooks';
+import { Loading } from 'react-basics';
+import PageHeader from 'components/layout/PageHeader';
+import { ROLES } from 'lib/constants';
+
+export default function Team({ teamId }: { teamId: string }) {
+  const { user } = useLogin();
+  const { formatMessage, labels } = useMessages();
+  const { data: team, isLoading } = useTeam(teamId);
+  const allowEdit = !!team?.teamUser?.find(
+    ({ userId, role }) => role === ROLES.teamOwner && userId === user.id,
+  );
+
+  if (isLoading) {
+    return <Loading />;
+  }
+
+  return (
+    <>
+      <PageHeader title={formatMessage(labels.team)} />
+      <TeamEditForm teamId={teamId} data={team} allowEdit={allowEdit} />
+    </>
+  );
+}

src/app/(main)/teams/[teamId]/settings/team/page.tsx

@@ -0,0 +1,5 @@
+import Team from './Team';
+
+export default function ({ params: { teamId } }) {
+  return <Team teamId={teamId} />;
+}

src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx

@@ -0,0 +1,3 @@
+import Page from 'app/(main)/settings/websites/[websiteId]/page';
+
+export default Page;

src/app/(main)/teams/[teamId]/settings/websites/page.tsx

@@ -0,0 +1,3 @@
+import Page from 'app/(main)/settings/websites/page';
+
+export default Page;