Replace usage of custom hooks with useConfigValue (#988)

* Replace usage of custom hooks with useConfigValue

* remove unused file

* replace usage for useSuspenseClusterConfig

* fix lint

---------

Co-authored-by: Adhitya Mamallan <[email protected]>

Author: Assem-Uber

src/views/domain-page/domain-page-context-provider/domain-page-context-provider.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { createContext, useMemo } from 'react';
 
-import useSuspenseClusterConfig from '@/views/shared/hooks/use-suspense-cluster-config';
+import useSuspenseConfigValue from '@/hooks/use-config-value/use-suspense-config-value';
 
 import { type DomainPageContextType } from './domain-page-context-provider.types';
 
@@ -14,7 +14,7 @@ export default function DomainPageContextProvider({
 }: {
   children: any;
 }) {
-  const { data: CLUSTERS_PUBLIC } = useSuspenseClusterConfig();
+  const { data: CLUSTERS_PUBLIC } = useSuspenseConfigValue('CLUSTERS_PUBLIC');
   const ctx = useMemo(() => {
     return { pageConfig: { CLUSTERS_PUBLIC } };
   }, [CLUSTERS_PUBLIC]);

src/views/domain-page/domain-page-help/domain-page-help.tsx

@@ -2,17 +2,18 @@ import { Button } from 'baseui/button';
 import { StatefulPopover } from 'baseui/popover';
 import { MdArrowDropDown, MdSupport } from 'react-icons/md';
 
+import useSuspenseConfigValue from '@/hooks/use-config-value/use-suspense-config-value';
+
 import domainPageHelpMenuConfig from '../config/domain-page-help-menu.config';
 import DomainPageHelpItemButton from '../domain-page-help-item-button/domain-page-help-item-button';
-import useSuspenseIsExtendedMetadataEnabled from '../hooks/use-is-extended-metadata-enabled/use-suspense-is-extended-metadata-enabled';
 
 import { overrides, styled } from './domain-page-help.styles';
 import { type DomainPageHelpGroup } from './domain-page-help.types';
 
 export default function DomainPageHelp() {
   const {
     data: { metadata: isExtendedMetadataEnabled },
-  } = useSuspenseIsExtendedMetadataEnabled();
+  } = useSuspenseConfigValue('EXTENDED_DOMAIN_INFO_ENABLED');
 
   if (!isExtendedMetadataEnabled) return null;
 

src/views/domain-page/domain-page-metadata/domain-page-metadata.tsx

@@ -3,11 +3,11 @@ import React from 'react';
 
 import { useSuspenseQueries } from '@tanstack/react-query';
 
+import getConfigValueQueryOptions from '@/hooks/use-config-value/get-config-value-query-options';
 import getDomainDescriptionQueryOptions from '@/views/shared/hooks/use-domain-description/get-domain-description-query-options';
 
 import { type DomainPageTabContentProps } from '../domain-page-content/domain-page-content.types';
 import DomainPageMetadataTable from '../domain-page-metadata-table/domain-page-metadata-table';
-import getIsExtendedMetadataEnabledQueryOptions from '../hooks/use-is-extended-metadata-enabled/get-is-extended-metadata-enabled-query-options';
 
 import { type DomainMetadata } from './domain-page-metadata.types';
 
@@ -23,7 +23,10 @@ export default function DomainPageMetadata(props: DomainPageTabContentProps) {
         domain: props.domain,
         cluster: props.cluster,
       }),
-      getIsExtendedMetadataEnabledQueryOptions(),
+      getConfigValueQueryOptions({
+        key: 'EXTENDED_DOMAIN_INFO_ENABLED',
+        args: undefined,
+      }),
     ],
   });
 

src/views/domain-page/hooks/use-is-extended-metadata-enabled/get-is-extended-metadata-enabled-query-options.ts

@@ -1,7 +1,7 @@
 'use client';
 import { createContext, useMemo } from 'react';
 
-import useSuspenseClusterConfig from '@/views/shared/hooks/use-suspense-cluster-config';
+import useSuspenseConfigValue from '@/hooks/use-config-value/use-suspense-config-value';
 
 import { type DomainsPageContextType } from './domains-page-context-provider.types';
 
@@ -14,7 +14,7 @@ export default function DomainsPageContextProvider({
 }: {
   children: any;
 }) {
-  const { data: CLUSTERS_PUBLIC } = useSuspenseClusterConfig();
+  const { data: CLUSTERS_PUBLIC } = useSuspenseConfigValue('CLUSTERS_PUBLIC');
   const ctx = useMemo(() => {
     return { pageConfig: { CLUSTERS_PUBLIC } };
   }, [CLUSTERS_PUBLIC]);

src/views/domain-page/hooks/use-is-extended-metadata-enabled/use-suspense-is-extended-metadata-enabled.ts

@@ -1,17 +1,15 @@
 import { useMemo } from 'react';
 
-import { useQuery } from '@tanstack/react-query';
-
+import useConfigValue from '@/hooks/use-config-value/use-config-value';
 import useDiagnoseWorkflow from '@/views/workflow-diagnostics/hooks/use-diagnose-workflow/use-diagnose-workflow';
 import { type UseDiagnoseWorkflowParams } from '@/views/workflow-diagnostics/hooks/use-diagnose-workflow/use-diagnose-workflow.types';
 import { useDescribeWorkflow } from '@/views/workflow-page/hooks/use-describe-workflow';
-import getIsWorkflowDiagnosticsEnabledQueryOptions from '@/views/workflow-page/hooks/use-is-workflow-diagnostics-enabled/get-is-workflow-diagnostics-enabled-query-options';
 
 export default function useWorkflowDiagnosticsIssuesCount(
   params: UseDiagnoseWorkflowParams
 ): number | undefined {
-  const { data: isWorkflowDiagnosticsEnabled } = useQuery(
-    getIsWorkflowDiagnosticsEnabledQueryOptions()
+  const { data: isWorkflowDiagnosticsEnabled } = useConfigValue(
+    'WORKFLOW_DIAGNOSTICS_ENABLED'
   );
 
   const { data: describeWorkflowResponse } = useDescribeWorkflow(params);

src/views/domains-page/domains-page-context-provider/domains-page-context-provider.tsx

@@ -3,10 +3,10 @@
 import React from 'react';
 
 import SectionLoadingIndicator from '@/components/section-loading-indicator/section-loading-indicator';
+import useSuspenseConfigValue from '@/hooks/use-config-value/use-suspense-config-value';
 import { type WorkflowPageTabContentProps } from '@/views/workflow-page/workflow-page-tab-content/workflow-page-tab-content.types';
 
 import { useSuspenseDescribeWorkflow } from '../workflow-page/hooks/use-describe-workflow';
-import useSuspenseIsWorkflowDiagnosticsEnabled from '../workflow-page/hooks/use-is-workflow-diagnostics-enabled/use-suspense-is-workflow-diagnostics-enabled';
 
 import useDiagnoseWorkflow from './hooks/use-diagnose-workflow/use-diagnose-workflow';
 import WorkflowDiagnosticsContent from './workflow-diagnostics-content/workflow-diagnostics-content';
@@ -19,8 +19,9 @@ import {
 export default function WorkflowDiagnostics({
   params: { domain, cluster, workflowId, runId },
 }: WorkflowPageTabContentProps) {
-  const { data: isWorkflowDiagnosticsEnabled } =
-    useSuspenseIsWorkflowDiagnosticsEnabled();
+  const { data: isWorkflowDiagnosticsEnabled } = useSuspenseConfigValue(
+    'WORKFLOW_DIAGNOSTICS_ENABLED'
+  );
 
   const {
     data: { workflowExecutionInfo },