refactor(ui): replace ChevronDownIcon with ArrowDown01Icon in Table

- add ArrowDown01Icon svg component to shared icons index
- update Table.js to use ArrowDown01Icon instead of ChevronDownIcon for sort indicator
This commit is contained in:
2026-04-24 21:10:12 -04:00
parent 4474ab8204
commit 310277f5cd
2 changed files with 8 additions and 2 deletions
+2 -2
View File
@@ -3,7 +3,7 @@
import React from 'react';
import Badge from './Badge';
import Button from './Button';
import { TorriGateIcon, ChevronDownIcon } from '@zen/core/shared/icons';
import { TorriGateIcon, ArrowDown01Icon } from '@zen/core/shared/icons';
const ROW_SIZE = {
sm: { cell: 'px-4 py-[11px]', header: 'px-4 py-[9px]', mobile: 'p-4' },
@@ -41,7 +41,7 @@ const Table = ({
const isDesc = isActive && sortOrder === 'desc';
return (
<span className="ml-1">
<ChevronDownIcon className={`w-4 h-4 transition-transform ${isActive ? (isDesc ? 'rotate-180' : '') : 'text-neutral-500 dark:text-neutral-400'}`} />
<ArrowDown01Icon className={`w-4 h-4 transition-transform ${isActive ? (isDesc ? 'rotate-180' : '') : 'text-neutral-500 dark:text-neutral-400'}`} />
</span>
);
};