Updated icons.

src/components/input/FilterBar.tsx

@@ -16,7 +16,7 @@ import {
   useFilters,
   useWebsiteSegmentQuery,
 } from '@/components/hooks';
-import { Close, Bookmark } from '@/components/icons';
+import { X, Bookmark } from '@/components/icons';
 import { isSearchOperator } from '@/lib/params';
 import { SegmentEditForm } from '@/app/(main)/websites/[websiteId]/segments/SegmentEditForm';
 
@@ -111,7 +111,7 @@ export function FilterBar({ websiteId }: { websiteId: string }) {
         <TooltipTrigger delay={0}>
           <Button variant="zero" onPress={handleResetFilter}>
             <Icon>
-              <Close />
+              <X />
             </Icon>
           </Button>
           <Tooltip>
@@ -146,7 +146,7 @@ const FilterItem = ({ name, label, operator, value, onRemove }) => {
           </Text>
         </Row>
         <Icon onClick={() => onRemove(name)} size="xs" style={{ cursor: 'pointer' }}>
-          <Close />
+          <X />
         </Icon>
       </Row>
     </Row>

src/components/input/ReportEditButton.tsx

@@ -13,7 +13,7 @@ import {
   Text,
   Row,
 } from '@umami/react-zen';
-import { Edit, More, Trash } from '@/components/icons';
+import { Edit, MoreHorizontal, Trash } from '@/components/icons';
 
 export function ReportEditButton({
   id,
@@ -61,7 +61,7 @@ export function ReportEditButton({
       <MenuTrigger>
         <Button variant="quiet">
           <Icon>
-            <More />
+            <MoreHorizontal />
           </Icon>
         </Button>
         <Popover placement="bottom">
@@ -90,9 +90,7 @@ export function ReportEditButton({
             onCancel={handleClose}
             isDanger
           >
-            <Row gap="1">
-              {formatMessage(messages.confirmDelete, { target: <b key={name}>{name}</b> })}
-            </Row>
+            <Row gap="1">{formatMessage(messages.confirmDelete, { target: name })}</Row>
           </AlertDialog>
         )}
       </Modal>

src/components/input/TeamsButton.tsx

@@ -13,7 +13,7 @@ import {
   Loading,
 } from '@umami/react-zen';
 import { useLoginQuery, useMessages, useUserTeamsQuery, useNavigation } from '@/components/hooks';
-import { Chevron, User, Users } from '@/components/icons';
+import { ChevronRight, User, Users } from '@/components/icons';
 
 export interface TeamsButtonProps {
   showText?: boolean;
@@ -50,7 +50,7 @@ export function TeamsButton({ showText = true, onAction }: TeamsButtonProps) {
           </Row>
           {showText && (
             <Icon rotate={90} size="sm">
-              <Chevron />
+              <ChevronRight />
             </Icon>
           )}
         </Row>

src/components/input/WebsiteDateFilter.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Row, Text, Select, ListItem } from '@umami/react-zen';
 import { isAfter } from 'date-fns';
-import { Chevron } from '@/components/icons';
+import { ChevronRight } from '@/components/icons';
 import { useDateRange, useMessages, useNavigation } from '@/components/hooks';
 import { DateFilter } from './DateFilter';
 
@@ -49,12 +49,12 @@ export function WebsiteDateFilter({
         <Row gap="1">
           <Button onPress={() => handleIncrement(-1)} variant="outline">
             <Icon rotate={180}>
-              <Chevron />
+              <ChevronRight />
             </Icon>
           </Button>
           <Button onPress={() => handleIncrement(1)} variant="outline" isDisabled={disableForward}>
             <Icon>
-              <Chevron />
+              <ChevronRight />
             </Icon>
           </Button>
         </Row>