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:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user