INFRA-2867 | fix dropdown length

src/Pages/Dashboard/partials/CreateIncident.module.scss

@@ -158,3 +158,6 @@
   width: 321px !important;
   min-height: unset;
 }
+.create-incident-single-selector + div {
+  max-height: 300px;
+}

src/Pages/Dashboard/partials/CreateIncidentHelper.ts

@@ -29,7 +29,9 @@ const useCreateIncidentHelper = (
 
     dispatch({
       type: actionTypes.SET_SELECTED_TEAM,
-      payload: [productListData?.defaultProduct] || [],
+      payload: productListData?.defaultProduct
+        ? [productListData?.defaultProduct]
+        : [],
     });
   };
 

src/Pages/Dashboard/partials/ProductSelector.tsx

@@ -23,7 +23,7 @@ const ProductSelector: React.FC<ProductSelectorProps> = (
   return (
     <AutoComplete
       options={options}
-      selectedOptions={selected.map(option => option.value)}
+      selectedOptions={selected?.map(option => option?.value)}
       variant="bordered"
       updateOnChipRemoval={handleChipRemoval}
       updateClearAllCallback={handleClearAll}

src/Pages/Dashboard/useDashboardApi.ts

@@ -35,7 +35,7 @@ const useIncidentFormApi = () => {
 
   const fetchAssignerAndResponder = (product: number[]) => {
     try {
-      dispatch(fetchAssignerAndResponderData(product));
+      if (product.length > 0) dispatch(fetchAssignerAndResponderData(product));
     } catch (error) {
       toast.error(
         'Something went wrong with assigner and responder data. Please try again later',

src/Pages/Incidents/UpdateIncidentBox/index.tsx

@@ -24,7 +24,7 @@ const UpdateIncidentBox: FC = () => {
   useEffect(() => {
     if (productOptions?.length > 0) {
       fetchAssignerAndResponder(
-        productOptions?.map((product: Team) => product.value),
+        productOptions?.map((product: Team) => product?.value),
       );
     }
   }, [productOptions]);