https://dev.kronoz.win/r/marzneshin.git
| 1 |
912788f |
Mardin |
2y ago |
|
| 2 |
912788f |
Mardin |
2y ago |
import { Select } from '@chakra-ui/react' |
| 3 |
89f8f93 |
Mardin |
2y ago |
import { FilterType } from 'types'; |
| 4 |
912788f |
Mardin |
2y ago |
import React from 'react' |
| 5 |
912788f |
Mardin |
2y ago |
|
| 6 |
912788f |
Mardin |
2y ago |
interface StatusSortSelectProps { |
| 7 |
5bb2712 |
Mardin |
2y ago |
filters: FilterType; |
| 8 |
4205669 |
Mardin |
2y ago |
handleStatusFilter: (e: any) => void; |
| 9 |
5bb2712 |
Mardin |
2y ago |
options: string[]; |
| 10 |
912788f |
Mardin |
2y ago |
} |
| 11 |
912788f |
Mardin |
2y ago |
|
| 12 |
5bb2712 |
Mardin |
2y ago |
export const StatusSortSelect: React.FC<StatusSortSelectProps> = ({ filters, handleStatusFilter, options }) => { |
| 13 |
912788f |
Mardin |
2y ago |
return ( |
| 14 |
912788f |
Mardin |
2y ago |
<div> |
| 15 |
912788f |
Mardin |
2y ago |
<Select |
| 16 |
912788f |
Mardin |
2y ago |
value={filters.sort} |
| 17 |
912788f |
Mardin |
2y ago |
fontSize="xs" |
| 18 |
912788f |
Mardin |
2y ago |
fontWeight="extrabold" |
| 19 |
912788f |
Mardin |
2y ago |
textTransform="uppercase" |
| 20 |
912788f |
Mardin |
2y ago |
cursor="pointer" |
| 21 |
912788f |
Mardin |
2y ago |
p={0} |
| 22 |
912788f |
Mardin |
2y ago |
border={0} |
| 23 |
912788f |
Mardin |
2y ago |
h="auto" |
| 24 |
912788f |
Mardin |
2y ago |
w="auto" |
| 25 |
912788f |
Mardin |
2y ago |
icon={<></>} |
| 26 |
912788f |
Mardin |
2y ago |
_focusVisible={{ |
| 27 |
912788f |
Mardin |
2y ago |
border: '0 !important', |
| 28 |
912788f |
Mardin |
2y ago |
}} |
| 29 |
912788f |
Mardin |
2y ago |
onChange={handleStatusFilter} |
| 30 |
912788f |
Mardin |
2y ago |
> |
| 31 |
912788f |
Mardin |
2y ago |
<option></option> |
| 32 |
5bb2712 |
Mardin |
2y ago |
{options.map((option, i) => <option key={i}>{option}</option>)} |
| 33 |
912788f |
Mardin |
2y ago |
</Select> |
| 34 |
912788f |
Mardin |
2y ago |
</div> |
| 35 |
912788f |
Mardin |
2y ago |
) |
| 36 |
912788f |
Mardin |
2y ago |
} |