Refactored icons.

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

@@ -3,7 +3,6 @@ import {
   Row,
   Pressable,
   Icon,
-  Icons,
   Modal,
   DialogTrigger,
   Dialog,
@@ -11,6 +10,7 @@ import {
   useToast,
 } from '@umami/react-zen';
 import { TeamMemberEditForm } from './TeamMemberEditForm';
+import { Edit } from '@/components/icons';
 
 export function TeamMemberEditButton({
   teamId,
@@ -38,7 +38,7 @@ export function TeamMemberEditButton({
       <Pressable>
         <Row alignItems="center" gap>
           <Icon>
-            <Icons.Edit />
+            <Edit />
           </Icon>
           <Text>{formatMessage(labels.edit)}</Text>
         </Row>

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

@@ -1,7 +1,8 @@
 import { ConfirmationForm } from '@/components/common/ConfirmationForm';
 import { useApi, useMessages, useModified } from '@/components/hooks';
 import { messages } from '@/components/messages';
-import { Button, Icon, Icons, Modal, DialogTrigger, Dialog, Text } from '@umami/react-zen';
+import { Close } from '@/components/icons';
+import { Button, Icon, Modal, DialogTrigger, Dialog, Text } from '@umami/react-zen';
 
 export function TeamMemberRemoveButton({
   teamId,
@@ -36,7 +37,7 @@ export function TeamMemberRemoveButton({
     <DialogTrigger>
       <Button>
         <Icon>
-          <Icons.Close />
+          <Close />
         </Icon>
         <Text>{formatMessage(labels.remove)}</Text>
       </Button>

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

@@ -1,5 +1,6 @@
 import { useApi, useMessages } from '@/components/hooks';
-import { Icon, Icons, LoadingButton, Text } from '@umami/react-zen';
+import { Icon, LoadingButton, Text } from '@umami/react-zen';
+import { Close } from '@/components/icons';
 
 export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   const { formatMessage, labels } = useMessages();
@@ -19,7 +20,7 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   return (
     <LoadingButton variant="quiet" onClick={() => handleRemoveTeamMember()} isLoading={isPending}>
       <Icon>
-        <Icons.Close />
+        <Close />
       </Icon>
       <Text>{formatMessage(labels.remove)}</Text>
     </LoadingButton>

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

@@ -1,6 +1,6 @@
 import { DataColumn, DataTable, Icon, MenuItem, Text, Row } from '@umami/react-zen';
 import { useLoginQuery, useMessages } from '@/components/hooks';
-import { Icons } from '@/components/icons';
+import { Arrow, Edit } from '@/components/icons';
 import { MenuButton } from '@/components/input/MenuButton';
 
 export function TeamWebsitesTable({
@@ -31,7 +31,7 @@ export function TeamWebsitesTable({
               <MenuItem href={`/teams/${teamId}/websites/${websiteId}`}>
                 <Row alignItems="center" gap>
                   <Icon>
-                    <Icons.Arrow />
+                    <Arrow />
                   </Icon>
                   <Text>{formatMessage(labels.view)}</Text>
                 </Row>
@@ -40,7 +40,7 @@ export function TeamWebsitesTable({
                 <MenuItem href={`/teams/${teamId}/settings/websites/${websiteId}`}>
                   <Row alignItems="center" gap>
                     <Icon>
-                      <Icons.Edit />
+                      <Edit />
                     </Icon>
                     <Text>{formatMessage(labels.edit)}</Text>
                   </Row>