Refactor: removed default exports.

src/app/(main)/settings/SettingsLayout.tsx

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

src/app/(main)/settings/layout.tsx

@@ -1,4 +1,4 @@
-import SettingsLayout from './SettingsLayout';
+import { SettingsLayout } from './SettingsLayout';
 import { Metadata } from 'next';
 
 export default function ({ children }) {

src/app/(main)/settings/teams/TeamAddForm.tsx

@@ -43,5 +43,3 @@ export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose:
     </Form>
   );
 }
-
-export default TeamAddForm;

src/app/(main)/settings/teams/TeamJoinForm.tsx

@@ -41,5 +41,3 @@ export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose:
     </Form>
   );
 }
-
-export default TeamJoinForm;

src/app/(main)/settings/teams/TeamLeaveButton.tsx

@@ -1,7 +1,7 @@
 import { useLocale, useLogin, useMessages, useModified } from '@/components/hooks';
 import { useRouter } from 'next/navigation';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-import TeamDeleteForm from './TeamLeaveForm';
+import { TeamLeaveForm } from './TeamLeaveForm';
 
 export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName: string }) {
   const { formatMessage, labels } = useMessages();
@@ -25,7 +25,7 @@ export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName
       </Button>
       <Modal title={formatMessage(labels.leaveTeam)}>
         {(close: () => void) => (
-          <TeamDeleteForm
+          <TeamLeaveForm
             teamId={teamId}
             userId={user.id}
             teamName={teamName}
@@ -37,5 +37,3 @@ export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName
     </ModalTrigger>
   );
 }
-
-export default TeamLeaveButton;

src/app/(main)/settings/teams/TeamLeaveForm.tsx

@@ -1,5 +1,5 @@
 import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
+import { ConfirmationForm } from '@/components/common/ConfirmationForm';
 
 export function TeamLeaveForm({
   teamId,
@@ -42,5 +42,3 @@ export function TeamLeaveForm({
     />
   );
 }
-
-export default TeamLeaveForm;

src/app/(main)/settings/teams/TeamsAddButton.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
-import TeamAddForm from './TeamAddForm';
+import { TeamAddForm } from './TeamAddForm';
 import { messages } from '@/components/messages';
 
 export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
@@ -29,5 +29,3 @@ export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
     </ModalTrigger>
   );
 }
-
-export default TeamsAddButton;

src/app/(main)/settings/teams/TeamsDataTable.tsx

@@ -1,5 +1,5 @@
-import DataTable from '@/components/common/DataTable';
-import TeamsTable from '@/app/(main)/settings/teams/TeamsTable';
+import { DataTable } from '@/components/common/DataTable';
+import { TeamsTable } from '@/app/(main)/settings/teams/TeamsTable';
 import { useLogin, useTeams } from '@/components/hooks';
 import { ReactNode } from 'react';
 
@@ -23,5 +23,3 @@ export function TeamsDataTable({
     </DataTable>
   );
 }
-
-export default TeamsDataTable;

src/app/(main)/settings/teams/TeamsHeader.tsx

@@ -1,9 +1,9 @@
 import { Flexbox } from 'react-basics';
-import PageHeader from '@/components/layout/PageHeader';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { ROLES } from '@/lib/constants';
 import { useLogin, useMessages } from '@/components/hooks';
-import TeamsJoinButton from './TeamsJoinButton';
-import TeamsAddButton from './TeamsAddButton';
+import { TeamsJoinButton } from './TeamsJoinButton';
+import { TeamsAddButton } from './TeamsAddButton';
 
 export function TeamsHeader({ allowCreate = true }: { allowCreate?: boolean }) {
   const { formatMessage, labels } = useMessages();
@@ -19,5 +19,3 @@ export function TeamsHeader({ allowCreate = true }: { allowCreate?: boolean }) {
     </PageHeader>
   );
 }
-
-export default TeamsHeader;

src/app/(main)/settings/teams/TeamsJoinButton.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
-import TeamJoinForm from './TeamJoinForm';
+import { TeamJoinForm } from './TeamJoinForm';
 
 export function TeamsJoinButton() {
   const { formatMessage, labels, messages } = useMessages();
@@ -27,5 +27,3 @@ export function TeamsJoinButton() {
     </ModalTrigger>
   );
 }
-
-export default TeamsJoinButton;

src/app/(main)/settings/teams/TeamsSettingsPage.tsx

@@ -1,8 +1,8 @@
 'use client';
-import TeamsDataTable from './TeamsDataTable';
-import TeamsHeader from './TeamsHeader';
+import { TeamsDataTable } from './TeamsDataTable';
+import { TeamsHeader } from './TeamsHeader';
 
-export default function TeamsSettingsPage() {
+export function TeamsSettingsPage() {
   return (
     <>
       <TeamsHeader />

src/app/(main)/settings/teams/TeamsTable.tsx

@@ -1,8 +1,8 @@
 import { GridColumn, GridTable, Icon, Text } from 'react-basics';
 import { useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { ROLES } from '@/lib/constants';
-import LinkButton from '@/components/common/LinkButton';
+import { LinkButton } from '@/components/common/LinkButton';
 
 export function TeamsTable({
   data = [],
@@ -45,5 +45,3 @@ export function TeamsTable({
     </GridTable>
   );
 }
-
-export default TeamsTable;

src/app/(main)/settings/teams/WebsiteTags.tsx

@@ -35,5 +35,3 @@ export function WebsiteTags({
     </div>
   );
 }
-
-export default WebsiteTags;

src/app/(main)/settings/teams/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import TeamsSettingsPage from './TeamsSettingsPage';
+import { TeamsSettingsPage } from './TeamsSettingsPage';
 
 export default function () {
   return <TeamsSettingsPage />;

src/app/(main)/settings/users/UserAddButton.tsx

@@ -1,5 +1,5 @@
 import { Button, Icon, Text, Modal, Icons, ModalTrigger, useToasts } from 'react-basics';
-import UserAddForm from './UserAddForm';
+import { UserAddForm } from './UserAddForm';
 import { useMessages, useModified } from '@/components/hooks';
 
 export function UserAddButton({ onSave }: { onSave?: () => void }) {
@@ -27,5 +27,3 @@ export function UserAddButton({ onSave }: { onSave?: () => void }) {
     </ModalTrigger>
   );
 }
-
-export default UserAddButton;

src/app/(main)/settings/users/UserAddForm.tsx

@@ -73,5 +73,3 @@ export function UserAddForm({ onSave, onClose }) {
     </Form>
   );
 }
-
-export default UserAddForm;

src/app/(main)/settings/users/UserDeleteButton.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import { useMessages, useLogin } from '@/components/hooks';
-import UserDeleteForm from './UserDeleteForm';
+import { UserDeleteForm } from './UserDeleteForm';
 
 export function UserDeleteButton({
   userId,
@@ -30,5 +30,3 @@ export function UserDeleteButton({
     </ModalTrigger>
   );
 }
-
-export default UserDeleteButton;

src/app/(main)/settings/users/UserDeleteForm.tsx

@@ -1,5 +1,5 @@
 import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
+import { ConfirmationForm } from '@/components/common/ConfirmationForm';
 
 export function UserDeleteForm({ userId, username, onSave, onClose }) {
   const { messages, labels, formatMessage } = useMessages();
@@ -28,5 +28,3 @@ export function UserDeleteForm({ userId, username, onSave, onClose }) {
     />
   );
 }
-
-export default UserDeleteForm;

src/app/(main)/settings/users/UsersDataTable.tsx

@@ -1,6 +1,6 @@
-import DataTable from '@/components/common/DataTable';
+import { DataTable } from '@/components/common/DataTable';
 import { useUsers } from '@/components/hooks';
-import UsersTable from './UsersTable';
+import { UsersTable } from './UsersTable';
 import { ReactNode } from 'react';
 
 export function UsersDataTable({
@@ -18,5 +18,3 @@ export function UsersDataTable({
     </DataTable>
   );
 }
-
-export default UsersDataTable;

src/app/(main)/settings/users/UsersHeader.tsx

@@ -1,6 +1,6 @@
-import PageHeader from '@/components/layout/PageHeader';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { useMessages } from '@/components/hooks';
-import UserAddButton from './UserAddButton';
+import { UserAddButton } from './UserAddButton';
 
 export function UsersHeader({ onAdd }: { onAdd?: () => void }) {
   const { formatMessage, labels } = useMessages();
@@ -11,5 +11,3 @@ export function UsersHeader({ onAdd }: { onAdd?: () => void }) {
     </PageHeader>
   );
 }
-
-export default UsersHeader;

src/app/(main)/settings/users/UsersSettingsPage.tsx

@@ -1,8 +1,8 @@
 'use client';
-import UsersDataTable from './UsersDataTable';
-import UsersHeader from './UsersHeader';
+import { UsersDataTable } from './UsersDataTable';
+import { UsersHeader } from './UsersHeader';
 
-export default function UsersSettingsPage() {
+export function UsersSettingsPage() {
   return (
     <>
       <UsersHeader />

src/app/(main)/settings/users/UsersTable.tsx

@@ -2,8 +2,8 @@ import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
 import { formatDistance } from 'date-fns';
 import { ROLES } from '@/lib/constants';
 import { useMessages, useLocale } from '@/components/hooks';
-import UserDeleteButton from './UserDeleteButton';
-import LinkButton from '@/components/common/LinkButton';
+import { UserDeleteButton } from './UserDeleteButton';
+import { LinkButton } from '@/components/common/LinkButton';
 
 export function UsersTable({
   data = [],
@@ -57,5 +57,3 @@ export function UsersTable({
     </GridTable>
   );
 }
-
-export default UsersTable;

src/app/(main)/settings/users/[userId]/UserEditForm.tsx

@@ -87,5 +87,3 @@ export function UserEditForm({ userId, onSave }: { userId: string; onSave?: () =
     </Form>
   );
 }
-
-export default UserEditForm;

src/app/(main)/settings/users/[userId]/UserPage.tsx

@@ -1,6 +1,6 @@
 'use client';
-import UserSettings from './UserSettings';
-import UserProvider from './UserProvider';
+import { UserSettings } from './UserSettings';
+import { UserProvider } from './UserProvider';
 
 export default function ({ userId }: { userId: string }) {
   return (

src/app/(main)/settings/users/[userId]/UserProvider.tsx

@@ -20,5 +20,3 @@ export function UserProvider({ userId, children }: { userId: string; children: R
 
   return <UserContext.Provider value={user}>{children}</UserContext.Provider>;
 }
-
-export default UserProvider;

src/app/(main)/settings/users/[userId]/UserSettings.tsx

@@ -1,12 +1,12 @@
 import { Key, useContext, useState } from 'react';
 import { Item, Tabs, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
-import UserEditForm from './UserEditForm';
-import PageHeader from '@/components/layout/PageHeader';
+import { Icons } from '@/components/icons';
+import { UserEditForm } from './UserEditForm';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { useMessages } from '@/components/hooks';
-import UserWebsites from './UserWebsites';
+import { UserWebsites } from './UserWebsites';
 import { UserContext } from './UserProvider';
-import Breadcrumb from '@/components/common/Breadcrumb';
+import { Breadcrumb } from '@/components/common/Breadcrumb';
 
 export function UserSettings({ userId }: { userId: string }) {
   const { formatMessage, labels, messages } = useMessages();
@@ -44,5 +44,3 @@ export function UserSettings({ userId }: { userId: string }) {
     </>
   );
 }
-
-export default UserSettings;

src/app/(main)/settings/users/[userId]/UserWebsites.tsx

@@ -1,5 +1,5 @@
-import WebsitesTable from '@/app/(main)/settings/websites/WebsitesTable';
-import DataTable from '@/components/common/DataTable';
+import { WebsitesTable } from '@/app/(main)/settings/websites/WebsitesTable';
+import { DataTable } from '@/components/common/DataTable';
 import { useWebsites } from '@/components/hooks';
 
 export function UserWebsites({ userId }) {
@@ -13,5 +13,3 @@ export function UserWebsites({ userId }) {
     </DataTable>
   );
 }
-
-export default UserWebsites;

src/app/(main)/settings/users/[userId]/page.tsx

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

src/app/(main)/settings/users/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import UsersSettingsPage from './UsersSettingsPage';
+import { UsersSettingsPage } from './UsersSettingsPage';
 
 export default function () {
   return <UsersSettingsPage />;

src/app/(main)/settings/websites/WebsiteAddButton.tsx

@@ -1,6 +1,6 @@
 import { useMessages, useModified } from '@/components/hooks';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import WebsiteAddForm from './WebsiteAddForm';
+import { WebsiteAddForm } from './WebsiteAddForm';
 
 export function WebsiteAddButton({ teamId, onSave }: { teamId: string; onSave?: () => void }) {
   const { formatMessage, labels, messages } = useMessages();
@@ -29,5 +29,3 @@ export function WebsiteAddButton({ teamId, onSave }: { teamId: string; onSave?:
     </ModalTrigger>
   );
 }
-
-export default WebsiteAddButton;

src/app/(main)/settings/websites/WebsiteAddForm.tsx

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

src/app/(main)/settings/websites/WebsitesDataTable.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import WebsitesTable from '@/app/(main)/settings/websites/WebsitesTable';
-import DataTable from '@/components/common/DataTable';
+import { WebsitesTable } from '@/app/(main)/settings/websites/WebsitesTable';
+import { DataTable } from '@/components/common/DataTable';
 import { useWebsites } from '@/components/hooks';
 
 export function WebsitesDataTable({
@@ -32,5 +32,3 @@ export function WebsitesDataTable({
     </DataTable>
   );
 }
-
-export default WebsitesDataTable;

src/app/(main)/settings/websites/WebsitesHeader.tsx

@@ -1,6 +1,6 @@
 import { useMessages } from '@/components/hooks';
-import PageHeader from '@/components/layout/PageHeader';
-import WebsiteAddButton from './WebsiteAddButton';
+import { PageHeader } from '@/components/layout/PageHeader';
+import { WebsiteAddButton } from './WebsiteAddButton';
 
 export interface WebsitesHeaderProps {
   teamId?: string;
@@ -16,5 +16,3 @@ export function WebsitesHeader({ teamId, allowCreate = true }: WebsitesHeaderPro
     </PageHeader>
   );
 }
-
-export default WebsitesHeader;

src/app/(main)/settings/websites/WebsitesSettingsPage.tsx

@@ -1,10 +1,10 @@
 'use client';
 import { useLogin } from '@/components/hooks';
-import WebsitesDataTable from './WebsitesDataTable';
-import WebsitesHeader from './WebsitesHeader';
+import { WebsitesDataTable } from './WebsitesDataTable';
+import { WebsitesHeader } from './WebsitesHeader';
 import { ROLES } from '@/lib/constants';
 
-export default function WebsitesSettingsPage({ teamId }: { teamId: string }) {
+export function WebsitesSettingsPage({ teamId }: { teamId: string }) {
   const { user } = useLogin();
   const canCreate = user.role !== ROLES.viewOnly;
 

src/app/(main)/settings/websites/WebsitesTable.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
 import { useMessages, useTeamUrl } from '@/components/hooks';
-import LinkButton from '@/components/common/LinkButton';
+import { LinkButton } from '@/components/common/LinkButton';
 
 export interface WebsitesTableProps {
   data: any[];
@@ -61,5 +61,3 @@ export function WebsitesTable({
     </GridTable>
   );
 }
-
-export default WebsitesTable;

src/app/(main)/settings/websites/[websiteId]/ShareUrl.tsx

@@ -90,5 +90,3 @@ export function ShareUrl({ hostUrl, onSave }: { hostUrl?: string; onSave?: () =>
     </>
   );
 }
-
-export default ShareUrl;

src/app/(main)/settings/websites/[websiteId]/TrackingCode.tsx

@@ -25,5 +25,3 @@ export function TrackingCode({ websiteId, hostUrl }: { websiteId: string; hostUr
     </>
   );
 }
-
-export default TrackingCode;

src/app/(main)/settings/websites/[websiteId]/WebsiteData.tsx

@@ -1,9 +1,9 @@
 import { Button, Modal, ModalTrigger, ActionForm } from 'react-basics';
 import { useRouter } from 'next/navigation';
 import { useLogin, useMessages, useModified, useTeams, useTeamUrl } from '@/components/hooks';
-import WebsiteDeleteForm from './WebsiteDeleteForm';
-import WebsiteResetForm from './WebsiteResetForm';
-import WebsiteTransferForm from './WebsiteTransferForm';
+import { WebsiteDeleteForm } from './WebsiteDeleteForm';
+import { WebsiteResetForm } from './WebsiteResetForm';
+import { WebsiteTransferForm } from './WebsiteTransferForm';
 import { ROLES } from '@/lib/constants';
 
 export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
@@ -86,5 +86,3 @@ export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?:
     </>
   );
 }
-
-export default WebsiteData;

src/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm.tsx

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

src/app/(main)/settings/websites/[websiteId]/WebsiteEditForm.tsx

@@ -61,5 +61,3 @@ export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSa
     </Form>
   );
 }
-
-export default WebsiteEditForm;

src/app/(main)/settings/websites/[websiteId]/WebsiteResetForm.tsx

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

src/app/(main)/settings/websites/[websiteId]/WebsiteSettings.tsx

@@ -1,15 +1,15 @@
 import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-import Breadcrumb from '@/components/common/Breadcrumb';
+import { Breadcrumb } from '@/components/common/Breadcrumb';
 import { 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 Link from 'next/link';
 import { Key, useContext, useState } from 'react';
 import { Button, Icon, Item, Tabs, Text, useToasts } from 'react-basics';
-import ShareUrl from './ShareUrl';
-import TrackingCode from './TrackingCode';
-import WebsiteData from './WebsiteData';
-import WebsiteEditForm from './WebsiteEditForm';
+import { ShareUrl } from './ShareUrl';
+import { TrackingCode } from './TrackingCode';
+import { WebsiteData } from './WebsiteData';
+import { WebsiteEditForm } from './WebsiteEditForm';
 
 export function WebsiteSettings({
   websiteId,
@@ -66,5 +66,3 @@ export function WebsiteSettings({
     </>
   );
 }
-
-export default WebsiteSettings;

src/app/(main)/settings/websites/[websiteId]/WebsiteSettingsPage.tsx

@@ -1,8 +1,8 @@
 'use client';
-import WebsiteProvider from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-import WebsiteSettings from './WebsiteSettings';
+import { WebsiteProvider } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
+import { WebsiteSettings } from './WebsiteSettings';
 
-export default function WebsiteSettingsPage({ websiteId }: { websiteId: string }) {
+export function WebsiteSettingsPage({ websiteId }: { websiteId: string }) {
   return (
     <WebsiteProvider websiteId={websiteId}>
       <WebsiteSettings websiteId={websiteId} />

src/app/(main)/settings/websites/[websiteId]/WebsiteTransferForm.tsx

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

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

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

src/app/(main)/settings/websites/page.tsx

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