create second hook with different key for settings nav

Author: ewilliams-cloudera

ui/src/api/ampMetadataApi.ts

@@ -160,10 +160,17 @@ export interface ProjectConfig {
   cdp_auth_token?: string;
 }
 
-export const useGetAmpConfig = (poll?: boolean) => {
+export const useGetAmpConfig = () => {
   return useQuery({
     queryKey: [QueryKeys.getAmpConfig],
     queryFn: getAmpConfig,
+  });
+};
+
+export const useGetPollingAmpConfig = (poll?: boolean) => {
+  return useQuery({
+    queryKey: [QueryKeys.getPollingAmpConfig],
+    queryFn: getAmpConfig,
     refetchInterval: () => {
       if (poll) {
         return 1000;

ui/src/api/utils.ts

@@ -112,6 +112,7 @@ export enum QueryKeys {
   "getSessionsForProject" = "getSessionsForProject",
   "getAmpConfig" = "getAmpConfig",
   "getTools" = "getTools",
+  "getPollingAmpConfig" = "getPollingAmpConfig",
 }
 
 export const commonHeaders = {

ui/src/layout/Sidebar.tsx

@@ -59,7 +59,7 @@ import LightbulbIcon from "src/cuix/icons/LightbulbIcon";
 import { cdlAmber200, cdlAmber900 } from "src/cuix/variables.ts";
 import "./style.css";
 import AmpUpdateBanner from "src/components/AmpUpdate/AmpUpdateBanner.tsx";
-import { useGetAmpConfig } from "src/api/ampMetadataApi.ts";
+import { useGetPollingAmpConfig } from "src/api/ampMetadataApi.ts";
 import { getItem } from "./TopNav";
 
 const { Sider } = Layout;
@@ -71,7 +71,7 @@ const Sidebar: React.FC = () => {
   const matchRoute = useMatchRoute();
   const navigate = useNavigate();
   const ref = useRef<HTMLDivElement>(null);
-  const { data: config } = useGetAmpConfig();
+  const { data: config } = useGetPollingAmpConfig();
 
   const navToRagApp = () => {
     navigate({ to: "/chats" }).catch(() => null);

ui/src/layout/TopNav.tsx

@@ -50,12 +50,15 @@ import { cdlAmber200, cdlAmber900, cdlSlate800 } from "src/cuix/variables.ts";
 import AmpUpdateBanner from "src/components/AmpUpdate/AmpUpdateBanner.tsx";
 
 import "./style.css";
-import { ProjectConfig, useGetAmpConfig } from "src/api/ampMetadataApi.ts";
+import {
+  ProjectConfig,
+  useGetPollingAmpConfig,
+} from "src/api/ampMetadataApi.ts";
 
 const TopNav: React.FC = () => {
   const matchRoute = useMatchRoute();
   const navigate = useNavigate();
-  const { data: config } = useGetAmpConfig();
+  const { data: config } = useGetPollingAmpConfig();
 
   const navigateTo = (path: string) => () => {
     navigate({ to: path }).catch(() => null);

ui/src/pages/Settings/AmpSettingsPage.tsx

@@ -36,7 +36,10 @@
  * DATA.
  ******************************************************************************/
 import { Alert, Button, Flex, Form, Typography } from "antd";
-import { ProjectConfig, useGetAmpConfig } from "src/api/ampMetadataApi.ts";
+import {
+  ProjectConfig,
+  useGetPollingAmpConfig,
+} from "src/api/ampMetadataApi.ts";
 import { ReactNode, useState } from "react";
 import { ModelSource, useGetModelSource } from "src/api/modelsApi.ts";
 import messageQueue from "src/utils/messageQueue.ts";
@@ -64,7 +67,7 @@ const AmpSettingsPage = () => {
   const [form] = Form.useForm<ProjectConfig>();
   const { data: currentModelSource } = useGetModelSource();
   const confirmationModal = useModal();
-  const { data: projectConfig } = useGetAmpConfig();
+  const { data: projectConfig } = useGetPollingAmpConfig();
   const [selectedFileStorage, setSelectedFileStorage] = useState<FileStorage>(
     projectConfig?.aws_config.document_bucket_name ? "AWS" : "Local",
   );

ui/src/pages/Settings/RestartAppModal.tsx

@@ -38,7 +38,7 @@
 import { Button, Flex, FormInstance, Modal, Progress, Typography } from "antd";
 import {
   ProjectConfig,
-  useGetAmpConfig,
+  useGetPollingAmpConfig,
   useRestartApplication,
   useUpdateAmpConfig,
 } from "src/api/ampMetadataApi.ts";
@@ -144,7 +144,7 @@ const RestartAppModal = ({
       restartApplication.mutate({});
     },
   });
-  const { data: config } = useGetAmpConfig(polling);
+  const { data: config } = useGetPollingAmpConfig(polling);
 
   const isRestarting = !config && polling;