diff --git a/src/components/FormElements/MultiSelect.tsx b/src/components/FormElements/MultiSelect.tsx index a34bf1e..a24a170 100644 --- a/src/components/FormElements/MultiSelect.tsx +++ b/src/components/FormElements/MultiSelect.tsx @@ -17,7 +17,7 @@ interface Option { type MultiSelectProps = { label: string; - items: { value: string; label: string }[]; + items?: { value: string; label: string }[] | null; value?: string[]; errors?: FieldErrors; required?: boolean; @@ -54,13 +54,15 @@ function MultiSelect({ const trigger = useRef(null); useEffect(() => { - const newOptions = items.map((item) => ({ + const safeItems = Array.isArray(items) ? items : []; + + const newOptions = safeItems.map((item) => ({ ...item, selected: value?.includes(item.value) ?? false, })); setOptions(newOptions); - const newSelectedIndices = items + const newSelectedIndices = safeItems .map((item, index) => (value?.includes(item.value) ? index : -1)) .filter((index) => index !== -1); setSelected(newSelectedIndices); @@ -215,40 +217,46 @@ function MultiSelect({ ref={dropdownRef} >
- {options.map((option, index) => ( -
handleSelect(index)} - > -
- {option.selected && ( - - - - )} -
- {option.label} + {options.length === 0 ? ( +
+ No items are available
- ))} + ) : ( + options.map((option, index) => ( +
handleSelect(index)} + > +
+ {option.selected && ( + + + + )} +
+ {option.label} +
+ )) + )}
diff --git a/src/components/Tables/tenders/index.tsx b/src/components/Tables/tenders/index.tsx index 9ef7d9f..08c83f4 100644 --- a/src/components/Tables/tenders/index.tsx +++ b/src/components/Tables/tenders/index.tsx @@ -14,7 +14,7 @@ import { Tooltip } from "react-tooltip"; import useTenderListPresenter from "./useTenderListPresenter"; import { ExclamationIcon, EyeIcon } from "@/assets/icons"; -import EmptyListWrapper from "@/components/HOC/EmptyListWrapper"; + import ListHeader from "@/components/ui/ListHeader"; import Modal from "@/components/ui/modal"; import Pagination from "@/components/ui/pagination"; diff --git a/src/hooks/queries/useCompaniesQueries.ts b/src/hooks/queries/useCompaniesQueries.ts index 79dce5c..22cb5bd 100644 --- a/src/hooks/queries/useCompaniesQueries.ts +++ b/src/hooks/queries/useCompaniesQueries.ts @@ -140,7 +140,7 @@ export const useCreateCompanyCategory = (successCallback?: () => void) => { queryClient.invalidateQueries({ queryKey: [API_ENDPOINTS.COMPANIES.CATEGORIES.READ_ALL], }); - router.push("/companies/categories"); + router.push("/company-categories"); }, }); };