Refactored icons.

This commit is contained in:
Mike Cao 2025-05-27 00:50:28 -07:00
parent 18eceee4c4
commit 99330a1a4d
86 changed files with 310 additions and 273 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>