refactor: [M3-9510] - Clean up main search implementation

packages/manager/.changeset/pr-11819-changed-1741629531708.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Updates main search to use new API search implimentation for large accounts ([#11819](https://github.com/linode/manager/pull/11819))

packages/manager/.changeset/pr-11819-tech-stories-1741629552993.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Updates main search to not depend on recompose ([#11819](https://github.com/linode/manager/pull/11819))

packages/manager/src/components/Tag/Tag.tsx

@@ -59,7 +59,7 @@ export const Tag = (props: TagProps) => {
     if (closeMenu) {
       closeMenu();
     }
-    history.push(`/search/?query=tag:${label}`);
+    history.push(`/search?query=tag:${label}`);
   };
 
   // If maxLength is set, truncate display to that length.

packages/manager/src/constants.ts

@@ -15,6 +15,15 @@ export const ENABLE_DEV_TOOLS = getBooleanEnv(
 export const ENABLE_MAINTENANCE_MODE =
   import.meta.env.REACT_APP_ENABLE_MAINTENANCE_MODE === 'true';
 
+/**
+ * Because Cloud Manager uses two different search implementations depending on the account's
+ * size, we have this environment variable which allows us to force Cloud Manager to use
+ * a desired implementation.
+ *
+ * @example REACT_APP_FORCE_SEARCH_TYPE=api
+ */
+export const FORCE_SEARCH_TYPE = import.meta.env.REACT_APP_FORCE_SEARCH_TYPE;
+
 /** required for the app to function */
 export const APP_ROOT =
   import.meta.env.REACT_APP_APP_ROOT || 'http://localhost:3000';

packages/manager/src/env.d.ts

@@ -18,6 +18,7 @@ interface ImportMetaEnv {
   REACT_APP_DISABLE_NEW_RELIC?: boolean;
   REACT_APP_ENABLE_DEV_TOOLS?: boolean;
   REACT_APP_ENABLE_MAINTENANCE_MODE?: string;
+  REACT_APP_FORCE_SEARCH_TYPE?: 'api' | 'client';
   REACT_APP_GPAY_ENV?: 'PRODUCTION' | 'TEST';
   REACT_APP_GPAY_MERCHANT_ID?: string;
   REACT_APP_LAUNCH_DARKLY_ID?: string;

packages/manager/src/features/Kubernetes/kubeUtils.ts

@@ -17,7 +17,6 @@ import type {
   KubernetesTieredVersion,
   KubernetesVersion,
 } from '@linode/api-v4/lib/kubernetes';
-import type { Region } from '@linode/api-v4/lib/regions';
 import type { ExtendedType } from 'src/utilities/extendType';
 
 interface ClusterData {
@@ -52,14 +51,10 @@ export const getTotalClusterMemoryCPUAndStorage = (
   );
 };
 
-export const getDescriptionForCluster = (
-  cluster: KubernetesCluster,
-  regions: Region[]
-) => {
-  const region = regions.find((r) => r.id === cluster.region);
+export const getDescriptionForCluster = (cluster: KubernetesCluster) => {
   const description: string[] = [
     `Kubernetes ${cluster.k8s_version}`,
-    region?.label ?? cluster.region,
+    cluster.region,
   ];
 
   if (cluster.control_plane.high_availability) {