diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx index 3464619..bbd76ec 100644 --- a/src/components/icons/index.tsx +++ b/src/components/icons/index.tsx @@ -701,3 +701,36 @@ export const ArrowPathIcon = ({ className }: IconProps) => ( /> ); + +export const PauseIcon = ({ className, style }: IconProps & { style?: React.CSSProperties }) => ( + +); + +export const CreditCardIcon = ({ className }: IconProps) => ( + +); diff --git a/src/pages/Balance.tsx b/src/pages/Balance.tsx index fd0978e..7d43268 100644 --- a/src/pages/Balance.tsx +++ b/src/pages/Balance.tsx @@ -12,7 +12,7 @@ import type { PaginatedResponse, Transaction } from '../types'; import { Card } from '@/components/data-display/Card'; import { Button } from '@/components/primitives/Button'; -import { ChevronDownIcon, ChevronRightIcon } from '@/components/icons'; +import { ChevronDownIcon, ChevronRightIcon, CreditCardIcon } from '@/components/icons'; import { staggerContainer, staggerItem } from '@/components/motion/transitions'; import { isPaidStatus, isFailedStatus } from '../utils/paymentStatus'; @@ -346,7 +346,7 @@ export default function Balance() { )}