chore: handling of error & reload in selector

Author: shivani170

src/components/AppSelector/AppSelector.tsx

@@ -49,7 +49,7 @@ const AppSelector = ({ onChange, appId, appName, isJobView }: AppSelectorType) =
 
     const shouldFetchAppOptions = !!recentlyVisitedResources.length
 
-    const [loading, selectOptions] = useAsync(
+    const [loading, selectOptions, error, reload] = useAsync(
         () =>
             appListOptions({
                 inputValue,
@@ -91,6 +91,8 @@ const AppSelector = ({ onChange, appId, appName, isJobView }: AppSelectorType) =
             onChange={handleChange}
             value={{ value: appId, label: appName }}
             placeholder={appName}
+            optionListError={error}
+            reloadOptionList={reload}
         />
     )
 }

src/components/AppSelector/ChartSelector.tsx

@@ -86,6 +86,8 @@ export default function ChartSelector({
             placeholder={selectedChartLabel}
             {...(formatOptionLabel ? { formatOptionLabel } : {})}
             {...(filterOption ? { filterOption } : {})}
+            optionListError={error}
+            reloadOptionList={reload}
         />
     )
 }

src/components/ApplicationGroup/EnvSelector.tsx

@@ -45,7 +45,7 @@ export const EnvSelector = ({ onChange, envId, envName }: EnvSelectorType) => {
         },
     })
 
-    const [loading, selectOptions] = useAsync(
+    const [loading, selectOptions, error, reload] = useAsync(
         () => envListOptions(inputValue, abortControllerRef.current.signal, recentlyVisitedResources),
         [inputValue, recentlyVisitedResources],
         isEnvDataAvailable && !!recentlyVisitedResources.length,
@@ -77,6 +77,8 @@ export const EnvSelector = ({ onChange, envId, envName }: EnvSelectorType) => {
             placeholder={envName}
             inputValue={inputValue}
             onInputChange={onInputChange}
+            optionListError={error}
+            reloadOptionList={reload}
         />
     )
 }

src/components/app/details/appDetails/AppDetails.tsx

@@ -578,7 +578,7 @@ const Details: React.FC<DetailsType> = ({
     ) {
         return (
             <>
-                {primaryResourceList.length && (
+                {!!primaryResourceList.length && (
                     <div className="flex left ml-20 mt-16">
                         <AppEnvSelector
                             {...(isAppView ? { isAppView, environments } : { isAppView: false, applications })}