From be5592446ac4ae523068857b018248538959d0d1 Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Mon, 5 Feb 2024 20:29:00 -0800
Subject: [PATCH] Refactored teams components.

---
 src/app/(main)/profile/ProfileSettings.tsx    |  4 +--
 .../{ => members}/TeamMemberRemoveButton.tsx  |  0
 .../teams/[teamId]/members/TeamMembers.tsx}   |  8 +++--
 .../TeamMembersDataTable.tsx}                 | 10 +++++--
 .../{ => members}/TeamMembersTable.tsx        |  0
 .../settings/teams/[teamId]/members/page.tsx  | 15 ++++++++++
 .../{TeamSettings.tsx => team/Team.tsx}       | 30 ++++++++-----------
 .../{TeamData.tsx => team/TeamAdmin.tsx}      |  6 ++--
 .../{ => [teamId]/team}/TeamDeleteForm.tsx    |  0
 .../[teamId]/{ => team}/TeamEditForm.tsx      |  0
 .../teams/[teamId]/{ => team}/page.tsx        |  9 ++++--
 .../TeamWebsiteRemoveButton.tsx               |  0
 .../teams/[teamId]/websites/TeamWebsites.tsx  | 17 +++++++++++
 .../TeamWebsitesDataTable.tsx}                | 10 +++++--
 .../{ => websites}/TeamWebsitesTable.tsx      |  2 +-
 .../settings/teams/[teamId]/websites/page.tsx | 15 ++++++++++
 src/app/(main)/settings/users/UserAddForm.tsx |  6 ++--
 .../(main)/settings/users/UserEditForm.tsx    |  4 +--
 .../teams/[teamId]/settings/members/page.tsx  |  6 ++--
 .../teams/[teamId]/settings/team/Team.tsx     | 23 --------------
 .../teams/[teamId]/settings/team/page.tsx     |  6 ++--
 .../settings/websites/[websiteId]/page.tsx    |  2 +-
 .../teams/[teamId]/settings/websites/page.tsx |  2 +-
 src/components/messages.ts                    |  3 +-
 src/index.ts                                  | 25 +++++++++-------
 25 files changed, 122 insertions(+), 81 deletions(-)
 rename src/app/(main)/settings/teams/[teamId]/{ => members}/TeamMemberRemoveButton.tsx (100%)
 rename src/app/(main)/{teams/[teamId]/settings/members/Members.tsx => settings/teams/[teamId]/members/TeamMembers.tsx} (55%)
 rename src/app/(main)/settings/teams/[teamId]/{TeamMembers.tsx => members/TeamMembersDataTable.tsx} (71%)
 rename src/app/(main)/settings/teams/[teamId]/{ => members}/TeamMembersTable.tsx (100%)
 create mode 100644 src/app/(main)/settings/teams/[teamId]/members/page.tsx
 rename src/app/(main)/settings/teams/[teamId]/{TeamSettings.tsx => team/Team.tsx} (58%)
 rename src/app/(main)/settings/teams/[teamId]/{TeamData.tsx => team/TeamAdmin.tsx} (82%)
 rename src/app/(main)/settings/teams/{ => [teamId]/team}/TeamDeleteForm.tsx (100%)
 rename src/app/(main)/settings/teams/[teamId]/{ => team}/TeamEditForm.tsx (100%)
 rename src/app/(main)/settings/teams/[teamId]/{ => team}/page.tsx (53%)
 rename src/app/(main)/settings/teams/[teamId]/{ => websites}/TeamWebsiteRemoveButton.tsx (100%)
 create mode 100644 src/app/(main)/settings/teams/[teamId]/websites/TeamWebsites.tsx
 rename src/app/(main)/settings/teams/[teamId]/{TeamWebsites.tsx => websites/TeamWebsitesDataTable.tsx} (71%)
 rename src/app/(main)/settings/teams/[teamId]/{ => websites}/TeamWebsitesTable.tsx (97%)
 create mode 100644 src/app/(main)/settings/teams/[teamId]/websites/page.tsx
 delete mode 100644 src/app/(main)/teams/[teamId]/settings/team/Team.tsx

diff --git a/src/app/(main)/profile/ProfileSettings.tsx b/src/app/(main)/profile/ProfileSettings.tsx
index 59f30fbe2..f6b0a08bd 100644
--- a/src/app/(main)/profile/ProfileSettings.tsx
+++ b/src/app/(main)/profile/ProfileSettings.tsx
@@ -11,7 +11,7 @@ import { ROLES } from 'lib/constants';
 export function ProfileSettings() {
   const { user } = useLogin();
   const { formatMessage, labels } = useMessages();
-  const cloudMode = Boolean(process.env.cloudMode);
+  const cloudMode = !!process.env.cloudMode;
 
   if (!user) {
     return null;
@@ -24,7 +24,7 @@ export function ProfileSettings() {
       return formatMessage(labels.user);
     }
     if (value === ROLES.admin) {
-      return formatMessage(labels.admin);
+      return formatMessage(labels.administrator);
     }
     if (value === ROLES.viewOnly) {
       return formatMessage(labels.viewOnly);
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamMemberRemoveButton.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
similarity index 100%
rename from src/app/(main)/settings/teams/[teamId]/TeamMemberRemoveButton.tsx
rename to src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
diff --git a/src/app/(main)/teams/[teamId]/settings/members/Members.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMembers.tsx
similarity index 55%
rename from src/app/(main)/teams/[teamId]/settings/members/Members.tsx
rename to src/app/(main)/settings/teams/[teamId]/members/TeamMembers.tsx
index 286399815..34cb248c3 100644
--- a/src/app/(main)/teams/[teamId]/settings/members/Members.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMembers.tsx
@@ -1,15 +1,17 @@
 'use client';
-import TeamMembers from 'app/(main)/settings/teams/[teamId]/TeamMembers';
+import TeamMembersDataTable from './TeamMembersDataTable';
 import PageHeader from 'components/layout/PageHeader';
 import { useMessages } from 'components/hooks';
 
-export default function ({ teamId }: { teamId: string }) {
+export function TeamMembers({ teamId }: { teamId: string }) {
   const { formatMessage, labels } = useMessages();
 
   return (
     <>
       <PageHeader title={formatMessage(labels.members)} />
-      <TeamMembers teamId={teamId} allowEdit={true} />
+      <TeamMembersDataTable teamId={teamId} allowEdit={true} />
     </>
   );
 }
+
+export default TeamMembers;
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamMembers.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMembersDataTable.tsx
similarity index 71%
rename from src/app/(main)/settings/teams/[teamId]/TeamMembers.tsx
rename to src/app/(main)/settings/teams/[teamId]/members/TeamMembersDataTable.tsx
index 1fedc55f4..ff95e522c 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamMembers.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMembersDataTable.tsx
@@ -3,7 +3,13 @@ import DataTable from 'components/common/DataTable';
 import TeamMembersTable from './TeamMembersTable';
 import { useTeamMembers } from 'components/hooks';
 
-export function TeamMembers({ teamId, allowEdit }: { teamId: string; allowEdit: boolean }) {
+export function TeamMembersDataTable({
+  teamId,
+  allowEdit = false,
+}: {
+  teamId: string;
+  allowEdit?: boolean;
+}) {
   const queryResult = useTeamMembers(teamId);
 
   return (
@@ -13,4 +19,4 @@ export function TeamMembers({ teamId, allowEdit }: { teamId: string; allowEdit:
   );
 }
 
-export default TeamMembers;
+export default TeamMembersDataTable;
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamMembersTable.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMembersTable.tsx
similarity index 100%
rename from src/app/(main)/settings/teams/[teamId]/TeamMembersTable.tsx
rename to src/app/(main)/settings/teams/[teamId]/members/TeamMembersTable.tsx
diff --git a/src/app/(main)/settings/teams/[teamId]/members/page.tsx b/src/app/(main)/settings/teams/[teamId]/members/page.tsx
new file mode 100644
index 000000000..295b3f152
--- /dev/null
+++ b/src/app/(main)/settings/teams/[teamId]/members/page.tsx
@@ -0,0 +1,15 @@
+import TeamMembers from './TeamMembers';
+import TeamProvider from 'app/(main)/teams/[teamId]/TeamProvider';
+import { Metadata } from 'next';
+
+export default function ({ params: { teamId } }) {
+  return (
+    <TeamProvider teamId={teamId}>
+      <TeamMembers teamId={teamId} />
+    </TeamProvider>
+  );
+}
+
+export const metadata: Metadata = {
+  title: 'Team members - Umami',
+};
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx b/src/app/(main)/settings/teams/[teamId]/team/Team.tsx
similarity index 58%
rename from src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx
rename to src/app/(main)/settings/teams/[teamId]/team/Team.tsx
index 9ebfc9735..18e0c0141 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/team/Team.tsx
@@ -6,13 +6,11 @@ import { ROLES } from 'lib/constants';
 import Icons from 'components/icons';
 import { useLogin, useMessages } from 'components/hooks';
 import TeamEditForm from './TeamEditForm';
-import TeamMembers from './TeamMembers';
-import TeamWebsites from './TeamWebsites';
-import TeamData from './TeamData';
+import TeamAdmin from './TeamAdmin';
 import LinkButton from 'components/common/LinkButton';
 import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';
 
-export function TeamSettings({ teamId }: { teamId: string }) {
+export function Team({ teamId }: { teamId: string }) {
   const team = useContext(TeamContext);
   const { formatMessage, labels } = useMessages();
   const { user } = useLogin();
@@ -25,25 +23,23 @@ export function TeamSettings({ teamId }: { teamId: string }) {
   return (
     <Flexbox direction="column">
       <PageHeader title={team?.name} icon={<Icons.Users />}>
-        <LinkButton href={`/teams/${teamId}`} variant="primary">
-          <Icon>
-            <Icons.Change />
-          </Icon>
-          <Text>{formatMessage(labels.view)}</Text>
-        </LinkButton>
+        {!canEdit && (
+          <LinkButton href={`/teams/${teamId}`}>
+            <Icon>
+              <Icons.Logout />
+            </Icon>
+            <Text>{formatMessage(labels.leaveTeam)}</Text>
+          </LinkButton>
+        )}
       </PageHeader>
       <Tabs selectedKey={tab} onSelect={(value: any) => setTab(value)} style={{ marginBottom: 30 }}>
         <Item key="details">{formatMessage(labels.details)}</Item>
-        <Item key="members">{formatMessage(labels.members)}</Item>
-        <Item key="websites">{formatMessage(labels.websites)}</Item>
-        <Item key="data">{formatMessage(labels.data)}</Item>
+        <Item key="admin">{formatMessage(labels.admin)}</Item>
       </Tabs>
       {tab === 'details' && <TeamEditForm teamId={teamId} allowEdit={canEdit} />}
-      {tab === 'members' && <TeamMembers teamId={teamId} allowEdit={canEdit} />}
-      {tab === 'websites' && <TeamWebsites teamId={teamId} allowEdit={canEdit} />}
-      {canEdit && tab === 'data' && <TeamData teamId={teamId} />}
+      {canEdit && tab === 'admin' && <TeamAdmin teamId={teamId} />}
     </Flexbox>
   );
 }
 
-export default TeamSettings;
+export default Team;
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamData.tsx b/src/app/(main)/settings/teams/[teamId]/team/TeamAdmin.tsx
similarity index 82%
rename from src/app/(main)/settings/teams/[teamId]/TeamData.tsx
rename to src/app/(main)/settings/teams/[teamId]/team/TeamAdmin.tsx
index facee764b..ff20989a6 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamData.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/team/TeamAdmin.tsx
@@ -1,9 +1,9 @@
 'use client';
 import { ActionForm, Button, Modal, ModalTrigger } from 'react-basics';
 import { useMessages } from 'components/hooks';
-import TeamDeleteForm from '../TeamDeleteForm';
+import TeamDeleteForm from './TeamDeleteForm';
 
-export function TeamData({ teamId }: { teamId: string }) {
+export function TeamAdmin({ teamId }: { teamId: string }) {
   const { formatMessage, labels, messages } = useMessages();
 
   return (
@@ -21,4 +21,4 @@ export function TeamData({ teamId }: { teamId: string }) {
   );
 }
 
-export default TeamData;
+export default TeamAdmin;
diff --git a/src/app/(main)/settings/teams/TeamDeleteForm.tsx b/src/app/(main)/settings/teams/[teamId]/team/TeamDeleteForm.tsx
similarity index 100%
rename from src/app/(main)/settings/teams/TeamDeleteForm.tsx
rename to src/app/(main)/settings/teams/[teamId]/team/TeamDeleteForm.tsx
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamEditForm.tsx b/src/app/(main)/settings/teams/[teamId]/team/TeamEditForm.tsx
similarity index 100%
rename from src/app/(main)/settings/teams/[teamId]/TeamEditForm.tsx
rename to src/app/(main)/settings/teams/[teamId]/team/TeamEditForm.tsx
diff --git a/src/app/(main)/settings/teams/[teamId]/page.tsx b/src/app/(main)/settings/teams/[teamId]/team/page.tsx
similarity index 53%
rename from src/app/(main)/settings/teams/[teamId]/page.tsx
rename to src/app/(main)/settings/teams/[teamId]/team/page.tsx
index ef37b5363..e23b670e8 100644
--- a/src/app/(main)/settings/teams/[teamId]/page.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/team/page.tsx
@@ -1,10 +1,15 @@
-import TeamSettings from './TeamSettings';
+import Team from './Team';
 import TeamProvider from 'app/(main)/teams/[teamId]/TeamProvider';
+import { Metadata } from 'next';
 
 export default function ({ params: { teamId } }) {
   return (
     <TeamProvider teamId={teamId}>
-      <TeamSettings teamId={teamId} />
+      <Team teamId={teamId} />
     </TeamProvider>
   );
 }
+
+export const metadata: Metadata = {
+  title: 'Teams Settings - Umami',
+};
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamWebsiteRemoveButton.tsx b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsiteRemoveButton.tsx
similarity index 100%
rename from src/app/(main)/settings/teams/[teamId]/TeamWebsiteRemoveButton.tsx
rename to src/app/(main)/settings/teams/[teamId]/websites/TeamWebsiteRemoveButton.tsx
diff --git a/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsites.tsx b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsites.tsx
new file mode 100644
index 000000000..36f8d39b5
--- /dev/null
+++ b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsites.tsx
@@ -0,0 +1,17 @@
+'use client';
+import TeamWebsitesDataTable from './TeamWebsitesDataTable';
+import PageHeader from 'components/layout/PageHeader';
+import { useMessages } from 'components/hooks';
+
+export function TeamWebsites({ teamId }: { teamId: string }) {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <>
+      <PageHeader title={formatMessage(labels.websites)} />
+      <TeamWebsitesDataTable teamId={teamId} allowEdit={true} />
+    </>
+  );
+}
+
+export default TeamWebsites;
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamWebsites.tsx b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesDataTable.tsx
similarity index 71%
rename from src/app/(main)/settings/teams/[teamId]/TeamWebsites.tsx
rename to src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesDataTable.tsx
index 0bd498834..794ce948d 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamWebsites.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesDataTable.tsx
@@ -3,7 +3,13 @@ import DataTable from 'components/common/DataTable';
 import { useTeamWebsites } from 'components/hooks';
 import TeamWebsitesTable from './TeamWebsitesTable';
 
-export function TeamWebsites({ teamId, allowEdit }: { teamId: string; allowEdit: boolean }) {
+export function TeamWebsitesDataTable({
+  teamId,
+  allowEdit = false,
+}: {
+  teamId: string;
+  allowEdit?: boolean;
+}) {
   const queryResult = useTeamWebsites(teamId);
 
   return (
@@ -13,4 +19,4 @@ export function TeamWebsites({ teamId, allowEdit }: { teamId: string; allowEdit:
   );
 }
 
-export default TeamWebsites;
+export default TeamWebsitesDataTable;
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable.tsx
similarity index 97%
rename from src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx
rename to src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable.tsx
index fdd0169ad..0d54763ed 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable.tsx
@@ -35,7 +35,7 @@ export function TeamWebsitesTable({
               )}
               <LinkButton href={`/teams/${teamId}/websites/${websiteId}`}>
                 <Icon>
-                  <Icons.Change />
+                  <Icons.ArrowRight />
                 </Icon>
                 <Text>{formatMessage(labels.view)}</Text>
               </LinkButton>
diff --git a/src/app/(main)/settings/teams/[teamId]/websites/page.tsx b/src/app/(main)/settings/teams/[teamId]/websites/page.tsx
new file mode 100644
index 000000000..31b020656
--- /dev/null
+++ b/src/app/(main)/settings/teams/[teamId]/websites/page.tsx
@@ -0,0 +1,15 @@
+import TeamWebsites from './TeamWebsites';
+import TeamProvider from 'app/(main)/teams/[teamId]/TeamProvider';
+import { Metadata } from 'next';
+
+export default function ({ params: { teamId } }) {
+  return (
+    <TeamProvider teamId={teamId}>
+      <TeamWebsites teamId={teamId} />
+    </TeamProvider>
+  );
+}
+
+export const metadata: Metadata = {
+  title: 'Teams websites - Umami',
+};
diff --git a/src/app/(main)/settings/users/UserAddForm.tsx b/src/app/(main)/settings/users/UserAddForm.tsx
index 2781e743b..0632165c2 100644
--- a/src/app/(main)/settings/users/UserAddForm.tsx
+++ b/src/app/(main)/settings/users/UserAddForm.tsx
@@ -30,12 +30,12 @@ export function UserAddForm({ onSave, onClose }) {
     });
   };
 
-  const renderValue = value => {
+  const renderValue = (value: string) => {
     if (value === ROLES.user) {
       return formatMessage(labels.user);
     }
     if (value === ROLES.admin) {
-      return formatMessage(labels.admin);
+      return formatMessage(labels.administrator);
     }
     if (value === ROLES.viewOnly) {
       return formatMessage(labels.viewOnly);
@@ -59,7 +59,7 @@ export function UserAddForm({ onSave, onClose }) {
           <Dropdown renderValue={renderValue}>
             <Item key={ROLES.viewOnly}>{formatMessage(labels.viewOnly)}</Item>
             <Item key={ROLES.user}>{formatMessage(labels.user)}</Item>
-            <Item key={ROLES.admin}>{formatMessage(labels.admin)}</Item>
+            <Item key={ROLES.admin}>{formatMessage(labels.administrator)}</Item>
           </Dropdown>
         </FormInput>
       </FormRow>
diff --git a/src/app/(main)/settings/users/UserEditForm.tsx b/src/app/(main)/settings/users/UserEditForm.tsx
index af2b75343..53384285b 100644
--- a/src/app/(main)/settings/users/UserEditForm.tsx
+++ b/src/app/(main)/settings/users/UserEditForm.tsx
@@ -49,7 +49,7 @@ export function UserEditForm({
       return formatMessage(labels.user);
     }
     if (value === ROLES.admin) {
-      return formatMessage(labels.admin);
+      return formatMessage(labels.administrator);
     }
     if (value === ROLES.viewOnly) {
       return formatMessage(labels.viewOnly);
@@ -78,7 +78,7 @@ export function UserEditForm({
           <Dropdown renderValue={renderValue}>
             <Item key={ROLES.viewOnly}>{formatMessage(labels.viewOnly)}</Item>
             <Item key={ROLES.user}>{formatMessage(labels.user)}</Item>
-            <Item key={ROLES.admin}>{formatMessage(labels.admin)}</Item>
+            <Item key={ROLES.admin}>{formatMessage(labels.administrator)}</Item>
           </Dropdown>
         </FormInput>
       </FormRow>
diff --git a/src/app/(main)/teams/[teamId]/settings/members/page.tsx b/src/app/(main)/teams/[teamId]/settings/members/page.tsx
index 04f89399f..a4045ab43 100644
--- a/src/app/(main)/teams/[teamId]/settings/members/page.tsx
+++ b/src/app/(main)/teams/[teamId]/settings/members/page.tsx
@@ -1,5 +1,3 @@
-import Members from './Members';
+import Page from 'app/(main)/settings/teams/[teamId]/members/page';
 
-export default function ({ params: { teamId } }) {
-  return <Members teamId={teamId} />;
-}
+export default Page;
diff --git a/src/app/(main)/teams/[teamId]/settings/team/Team.tsx b/src/app/(main)/teams/[teamId]/settings/team/Team.tsx
deleted file mode 100644
index 2da9c7a86..000000000
--- a/src/app/(main)/teams/[teamId]/settings/team/Team.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-'use client';
-import { useContext } from 'react';
-import { useLogin, useMessages } from 'components/hooks';
-import PageHeader from 'components/layout/PageHeader';
-import { ROLES } from 'lib/constants';
-import TeamEditForm from 'app/(main)/settings/teams/[teamId]/TeamEditForm';
-import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';
-
-export default function Team({ teamId }: { teamId: string }) {
-  const team = useContext(TeamContext);
-  const { user } = useLogin();
-  const { formatMessage, labels } = useMessages();
-  const allowEdit = !!team?.teamUser?.find(
-    ({ userId, role }) => role === ROLES.teamOwner && userId === user.id,
-  );
-
-  return (
-    <>
-      <PageHeader title={formatMessage(labels.team)} />
-      <TeamEditForm teamId={teamId} allowEdit={allowEdit} />
-    </>
-  );
-}
diff --git a/src/app/(main)/teams/[teamId]/settings/team/page.tsx b/src/app/(main)/teams/[teamId]/settings/team/page.tsx
index 19edd98c9..c36e667c3 100644
--- a/src/app/(main)/teams/[teamId]/settings/team/page.tsx
+++ b/src/app/(main)/teams/[teamId]/settings/team/page.tsx
@@ -1,5 +1,3 @@
-import Team from './Team';
+import Page from 'app/(main)/settings/teams/[teamId]/team/page';
 
-export default function ({ params: { teamId } }) {
-  return <Team teamId={teamId} />;
-}
+export default Page;
diff --git a/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx b/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx
index ad1a97dd9..224ff4d50 100644
--- a/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx
+++ b/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx
@@ -1,3 +1,3 @@
-import Page from 'app/(main)/settings/websites/[websiteId]/page';
+import Page from 'app/(main)/websites/[websiteId]/page';
 
 export default Page;
diff --git a/src/app/(main)/teams/[teamId]/settings/websites/page.tsx b/src/app/(main)/teams/[teamId]/settings/websites/page.tsx
index 66290215a..897c60fec 100644
--- a/src/app/(main)/teams/[teamId]/settings/websites/page.tsx
+++ b/src/app/(main)/teams/[teamId]/settings/websites/page.tsx
@@ -1,3 +1,3 @@
-import Page from 'app/(main)/settings/websites/page';
+import Page from 'app/(main)/settings/teams/[teamId]/websites/page';
 
 export default Page;
diff --git a/src/components/messages.ts b/src/components/messages.ts
index 7bf9a1f70..19f60b467 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -17,7 +17,8 @@ export const labels = defineMessages({
   role: { id: 'label.role', defaultMessage: 'Role' },
   user: { id: 'label.user', defaultMessage: 'User' },
   viewOnly: { id: 'label.view-only', defaultMessage: 'View only' },
-  admin: { id: 'label.admin', defaultMessage: 'Administrator' },
+  admin: { id: 'label.admin', defaultMessage: 'Admin' },
+  administrator: { id: 'label.administrator', defaultMessage: 'Administrator' },
   confirm: { id: 'label.confirm', defaultMessage: 'Confirm' },
   details: { id: 'label.details', defaultMessage: 'Details' },
   website: { id: 'label.website', defaultMessage: 'Website' },
diff --git a/src/index.ts b/src/index.ts
index f067d2fa6..2d7b6015d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,16 +1,21 @@
 export * from 'components/hooks';
 
-export * from 'app/(main)/settings/teams/[teamId]/TeamData';
-export * from 'app/(main)/settings/teams/[teamId]/TeamEditForm';
-export * from 'app/(main)/settings/teams/[teamId]/TeamMemberRemoveButton';
-export * from 'app/(main)/settings/teams/[teamId]/TeamMembers';
-export * from 'app/(main)/settings/teams/[teamId]/TeamMembersTable';
-export * from 'app/(main)/settings/teams/[teamId]/TeamSettings';
-export * from 'app/(main)/settings/teams/[teamId]/TeamWebsiteRemoveButton';
-export * from 'app/(main)/settings/teams/[teamId]/TeamWebsites';
-export * from 'app/(main)/settings/teams/[teamId]/TeamWebsitesTable';
+export * from 'app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton';
+export * from 'app/(main)/settings/teams/[teamId]/members/TeamMembers';
+export * from 'app/(main)/settings/teams/[teamId]/members/TeamMembersDataTable';
+export * from 'app/(main)/settings/teams/[teamId]/members/TeamMembersTable';
+
+export * from 'app/(main)/settings/teams/[teamId]/team/Team';
+export * from 'app/(main)/settings/teams/[teamId]/team/TeamAdmin';
+export * from 'app/(main)/settings/teams/[teamId]/team/TeamDeleteForm';
+export * from 'app/(main)/settings/teams/[teamId]/team/TeamEditForm';
+
+export * from 'app/(main)/settings/teams/[teamId]/websites/TeamWebsiteRemoveButton';
+export * from 'app/(main)/settings/teams/[teamId]/websites/TeamWebsites';
+export * from 'app/(main)/settings/teams/[teamId]/websites/TeamWebsitesDataTable';
+export * from 'app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable';
+
 export * from 'app/(main)/settings/teams/TeamAddForm';
-export * from 'app/(main)/settings/teams/TeamDeleteForm';
 export * from 'app/(main)/settings/teams/TeamsHeader';
 export * from 'app/(main)/settings/teams/TeamJoinForm';
 export * from 'app/(main)/settings/teams/TeamLeaveForm';