Refactor: removed default exports.

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

@@ -25,5 +25,3 @@ export function TeamProvider({ teamId, children }: { teamId?: string; children:
 
   return <TeamContext.Provider value={team}>{children}</TeamContext.Provider>;
 }
-
-export default TeamProvider;

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

@@ -1,4 +1,4 @@
-import TeamProvider from './TeamProvider';
+import { TeamProvider } from './TeamProvider';
 import { Metadata } from 'next';
 import TeamSettingsLayout from './settings/TeamSettingsLayout';
 

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

@@ -1,9 +1,9 @@
 'use client';
 import { ReactNode } from 'react';
 import { useMessages, useTeamUrl } from '@/components/hooks';
-import MenuLayout from '@/components/layout/MenuLayout';
+import { MenuLayout } from '@/components/layout/MenuLayout';
 
-export default function TeamSettingsLayout({ children }: { children: ReactNode }) {
+export function TeamSettingsLayout({ children }: { children: ReactNode }) {
   const { formatMessage, labels } = useMessages();
   const { teamId } = useTeamUrl();
 

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

@@ -1,6 +1,6 @@
 import { useMessages, useModified } from '@/components/hooks';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import TeamMemberEditForm from './TeamMemberEditForm';
+import { TeamMemberEditForm } from './TeamMemberEditForm';
 
 export function TeamMemberEditButton({
   teamId,
@@ -45,5 +45,3 @@ export function TeamMemberEditButton({
     </ModalTrigger>
   );
 }
-
-export default TeamMemberEditButton;

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

@@ -78,5 +78,3 @@ export function TeamMemberEditForm({
     </Form>
   );
 }
-
-export default TeamMemberEditForm;

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

@@ -1,4 +1,4 @@
-import ConfirmationForm from '@/components/common/ConfirmationForm';
+import { ConfirmationForm } from '@/components/common/ConfirmationForm';
 import { useApi, useMessages, useModified } from '@/components/hooks';
 import { messages } from '@/components/messages';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
@@ -55,5 +55,3 @@ export function TeamMemberRemoveButton({
     </ModalTrigger>
   );
 }
-
-export default TeamMemberRemoveButton;

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

@@ -1,5 +1,5 @@
-import DataTable from '@/components/common/DataTable';
-import TeamMembersTable from './TeamMembersTable';
+import { DataTable } from '@/components/common/DataTable';
+import { TeamMembersTable } from './TeamMembersTable';
 import { useTeamMembers } from '@/components/hooks';
 
 export function TeamMembersDataTable({
@@ -17,5 +17,3 @@ export function TeamMembersDataTable({
     </DataTable>
   );
 }
-
-export default TeamMembersDataTable;

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

@@ -1,7 +1,7 @@
 'use client';
 import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
-import TeamMembersDataTable from './TeamMembersDataTable';
-import PageHeader from '@/components/layout/PageHeader';
+import { TeamMembersDataTable } from './TeamMembersDataTable';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { useLogin, useMessages } from '@/components/hooks';
 import { ROLES } from '@/lib/constants';
 import { useContext } from 'react';
@@ -24,5 +24,3 @@ export function TeamMembersPage({ teamId }: { teamId: string }) {
     </>
   );
 }
-
-export default TeamMembersPage;

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

@@ -1,8 +1,8 @@
 import { GridColumn, GridTable } from 'react-basics';
 import { useMessages, useLogin } from '@/components/hooks';
 import { ROLES } from '@/lib/constants';
-import TeamMemberRemoveButton from './TeamMemberRemoveButton';
-import TeamMemberEditButton from './TeamMemberEditButton';
+import { TeamMemberRemoveButton } from './TeamMemberRemoveButton';
+import { TeamMemberEditButton } from './TeamMemberEditButton';
 
 export function TeamMembersTable({
   data = [],
@@ -52,5 +52,3 @@ export function TeamMembersTable({
     </GridTable>
   );
 }
-
-export default TeamMembersTable;

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

@@ -1,7 +1,7 @@
 import { Metadata } from 'next';
-import TeamMembersPage from './TeamMembersPage';
+import { TeamMembersPage } from './TeamMembersPage';
 
-export default async function ({ params }: { params: { teamId: string } }) {
+export default async function ({ params }: { params: Promise<{ teamId: string }> }) {
   const { teamId } = await params;
 
   return <TeamMembersPage teamId={teamId} />;

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

@@ -1,4 +1,4 @@
-import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
+import { TypeConfirmationForm } from '@/components/common/TypeConfirmationForm';
 import { useApi, useMessages } from '@/components/hooks';
 
 const CONFIRM_VALUE = 'DELETE';
@@ -39,5 +39,3 @@ export function TeamDeleteForm({
     />
   );
 }
-
-export default TeamDeleteForm;

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

@@ -1,13 +1,13 @@
 import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
 import { useLogin, useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import PageHeader from '@/components/layout/PageHeader';
+import { Icons } from '@/components/icons';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { ROLES } from '@/lib/constants';
 import { useContext, useState } from 'react';
 import { Flexbox, Item, Tabs } from 'react-basics';
-import TeamLeaveButton from '@/app/(main)/settings/teams/TeamLeaveButton';
-import TeamManage from './TeamManage';
-import TeamEditForm from './TeamEditForm';
+import { TeamLeaveButton } from '@/app/(main)/settings/teams/TeamLeaveButton';
+import { TeamManage } from './TeamManage';
+import { TeamEditForm } from './TeamEditForm';
 
 export function TeamDetails({ teamId }: { teamId: string }) {
   const team = useContext(TeamContext);
@@ -39,5 +39,3 @@ export function TeamDetails({ teamId }: { teamId: string }) {
     </Flexbox>
   );
 }
-
-export default TeamDetails;

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

@@ -79,5 +79,3 @@ export function TeamEditForm({ teamId, allowEdit }: { teamId: string; allowEdit?
     </Form>
   );
 }
-
-export default TeamEditForm;

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

@@ -1,7 +1,7 @@
 import { useMessages, useModified } from '@/components/hooks';
 import { useRouter } from 'next/navigation';
 import { ActionForm, Button, Modal, ModalTrigger } from 'react-basics';
-import TeamDeleteForm from './TeamDeleteForm';
+import { TeamDeleteForm } from './TeamDeleteForm';
 
 export function TeamManage({ teamId }: { teamId: string }) {
   const { formatMessage, labels, messages } = useMessages();
@@ -29,5 +29,3 @@ export function TeamManage({ teamId }: { teamId: string }) {
     </ActionForm>
   );
 }
-
-export default TeamManage;

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

@@ -1,8 +1,6 @@
 'use client';
-import TeamDetails from './TeamDetails';
+import { TeamDetails } from './TeamDetails';
 
 export function TeamPage({ teamId }: { teamId: string }) {
   return <TeamDetails teamId={teamId} />;
 }
-
-export default TeamPage;

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

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import TeamPage from './TeamPage';
+import { TeamPage } from './TeamPage';
 
 export default async function ({ params }: { params: { teamId: string } }) {
   const { teamId } = await params;

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

@@ -25,5 +25,3 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
     </LoadingButton>
   );
 }
-
-export default TeamWebsiteRemoveButton;

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

@@ -1,6 +1,6 @@
-import DataTable from '@/components/common/DataTable';
+import { DataTable } from '@/components/common/DataTable';
 import { useTeamWebsites } from '@/components/hooks';
-import TeamWebsitesTable from './TeamWebsitesTable';
+import { TeamWebsitesTable } from './TeamWebsitesTable';
 
 export function TeamWebsitesDataTable({
   teamId,
@@ -17,5 +17,3 @@ export function TeamWebsitesDataTable({
     </DataTable>
   );
 }
-
-export default TeamWebsitesDataTable;

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

@@ -1,9 +1,9 @@
 'use client';
 import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
-import WebsiteAddButton from '@/app/(main)/settings/websites/WebsiteAddButton';
+import { WebsiteAddButton } from '@/app/(main)/settings/websites/WebsiteAddButton';
 import { useLogin, useMessages } from '@/components/hooks';
-import PageHeader from '@/components/layout/PageHeader';
-import TeamWebsitesDataTable from './TeamWebsitesDataTable';
+import { PageHeader } from '@/components/layout/PageHeader';
+import { TeamWebsitesDataTable } from './TeamWebsitesDataTable';
 import { ROLES } from '@/lib/constants';
 import { useContext } from 'react';
 
@@ -26,5 +26,3 @@ export function TeamWebsitesPage({ teamId }: { teamId: string }) {
     </>
   );
 }
-
-export default TeamWebsitesPage;

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

@@ -1,7 +1,7 @@
 import { GridColumn, GridTable, Icon, Text } from 'react-basics';
 import { useLogin, useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import LinkButton from '@/components/common/LinkButton';
+import { Icons } from '@/components/icons';
+import { LinkButton } from '@/components/common/LinkButton';
 
 export function TeamWebsitesTable({
   teamId,
@@ -48,5 +48,3 @@ export function TeamWebsitesTable({
     </GridTable>
   );
 }
-
-export default TeamWebsitesTable;

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

@@ -1,4 +1,4 @@
-import Page from '@/app/(main)/settings/websites/[websiteId]/page';
+import { Page } from '@/app/(main)/settings/websites/[websiteId]/page';
 
 export default function ({ params }) {
   return <Page params={params} />;

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

@@ -1,4 +1,4 @@
-import TeamWebsitesPage from './TeamWebsitesPage';
+import { TeamWebsitesPage } from './TeamWebsitesPage';
 import { Metadata } from 'next';
 
 export default async function ({ params }: { params: { teamId: string } }) {