Spaces:
Runtime error
Runtime error
File size: 1,787 Bytes
56b6519 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
import { t } from 'i18next';
import DropdownButton from '../../../components/button/DropdownButton';
import PrimaryButton from '../../../components/button/PrimaryButton';
import SelectDropdown from '../../../components/dropdown/SelectDropdown';
type ListItem = {
id: number;
value: string;
label?: string;
locale?: string;
};
type ListItemCategory = {
id: number;
value: string;
label?: string;
isNull?: boolean;
hrEnabled?: boolean;
onClick: (item: ListItem) => void;
};
type VulnerabilityButtonsProps = {
categoriesList: ListItemCategory[];
currentLanguage: ListItem | null;
languagesList: ListItem[];
loadingLanguage: boolean;
setCurrentLanguage: (item: ListItem) => void;
setOpenMerge: React.Dispatch<React.SetStateAction<boolean>>;
};
const VulnerabilityButtons: React.FC<VulnerabilityButtonsProps> = ({
categoriesList,
currentLanguage,
languagesList,
loadingLanguage,
setCurrentLanguage,
setOpenMerge,
}) => {
return (
<div className="flex items-center gap-x-4">
{!loadingLanguage ? (
<SelectDropdown
items={languagesList}
onChange={setCurrentLanguage}
placeholder={t('language')}
selected={currentLanguage}
title={t('languages')}
/>
) : null}
<div className="flex justify-between w-full">
<div className="mt-2 mx-2">
<PrimaryButton onClick={() => setOpenMerge(true)}>
<span className="mx-1">{t('mergeVulnerabilities')}</span>
</PrimaryButton>
</div>
<div className="mt-2 mx-2">
<DropdownButton
items={categoriesList}
placeholder={t('newVulnerability')}
/>
</div>
</div>
</div>
);
};
export default VulnerabilityButtons;
|