chore: input id added

Author: shivani170

src/components/AppSelector/AppSelector.tsx

@@ -83,7 +83,7 @@ const AppSelector = ({ onChange, appId, appName, isJobView }: AppSelectorType) =
 
     return (
         <ContextSwitcher
-            inputId={`${isJobView ? 'job' : 'app'}-name`}
+            inputId={`${isJobView ? `job-switcher-${appId}` : `app-switcher-${appId}`}`}
             options={selectOptions}
             inputValue={inputValue}
             onInputChange={onInputChange}

src/components/AppSelector/AppSelectorUtil.tsx

@@ -15,7 +15,6 @@
  */
 
 import {
-    BaseAppMetaData,
     BaseRecentlyVisitedEntitiesTypes,
     getIsRequestAborted,
     RecentlyVisitedGroupedOptionsType,
@@ -88,41 +87,3 @@ export const appListOptions = ({
         }, 300)
     })
 }
-
-export const contextSwitcherOptions = ({
-    recentlyVisitedDevtronApps,
-    selectOptions,
-    inputValue,
-    resourceKind,
-}): Promise<RecentlyVisitedGroupedOptionsType[]> =>
-    new Promise((resolve) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId)
-        }
-        timeoutId = setTimeout(() => {
-            if (inputValue.length < 3) {
-                resolve(
-                    recentlyVisitedDevtronApps?.length
-                        ? [
-                              {
-                                  label: 'Recently Visited',
-                                  options: recentlyVisitedDevtronApps.map((app: BaseAppMetaData) => ({
-                                      label: app.appName,
-                                      value: app.appId,
-                                      isRecentlyVisited: true,
-                                  })) as RecentlyVisitedOptions[],
-                              },
-                              getMinCharSearchPlaceholderGroup(resourceKind),
-                          ]
-                        : [],
-                )
-            } else {
-                resolve([
-                    {
-                        label: `All ${resourceKind}`,
-                        options: selectOptions as RecentlyVisitedOptions[],
-                    },
-                ] as RecentlyVisitedGroupedOptionsType[])
-            }
-        }, 300)
-    })

src/components/AppSelector/ChartSelector.tsx

@@ -73,7 +73,7 @@ export default function ChartSelector({
 
     return (
         <ContextSwitcher
-            inputId="chart-select"
+            inputId={`chart-switcher-${_primaryKey}`}
             options={getChartsOptions()}
             inputValue={inputValue}
             onInputChange={onInputChange}

src/components/ApplicationGroup/AppGroup.utils.ts

@@ -193,7 +193,7 @@ export const envListOptions = (
                         const appList = response.result
                             ? ([
                                   {
-                                      label: `All Environments`,
+                                      label: 'All Environments',
                                       options: response.result.envList.map((res) => ({
                                           value: res.id,
                                           label: res.environment_name,

src/components/ApplicationGroup/EnvSelector.tsx

@@ -73,7 +73,7 @@ export const EnvSelector = ({ onChange, envId, envName }: EnvSelectorType) => {
             onChange={handleChange}
             value={defaultOptions}
             options={selectOptions}
-            inputId={`app-group-${envId}`}
+            inputId={`app-group-switcher-${envId}`}
             placeholder={envName}
             inputValue={inputValue}
             onInputChange={onInputChange}

src/components/ResourceBrowser/ResourceList/ClusterSelector.tsx

@@ -74,7 +74,7 @@ const ClusterSelector: React.FC<ClusterSelectorType> = ({
     return (
         <div className="flexbox dc__align-items-center dc__gap-12">
             <ContextSwitcher
-                inputId="cluster-select-header"
+                inputId={`cluster-switcher-${clusterId}`}
                 isLoading={isClusterListLoading}
                 onChange={onChange}
                 value={defaultOption}