only ever get cache status if feature is enabled

invokeai/frontend/web/src/features/queue/components/InvocationCacheStatus.tsx

@@ -1,4 +1,5 @@
 import { ButtonGroup } from '@invoke-ai/ui-library';
+import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useGetInvocationCacheStatusQuery } from 'services/api/endpoints/appInfo';
@@ -10,7 +11,8 @@ import ToggleInvocationCacheButton from './ToggleInvocationCacheButton';
 
 const InvocationCacheStatus = () => {
   const { t } = useTranslation();
-  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined);
+  const isCacheEnabled = useFeatureStatus('invocationCache').isFeatureEnabled;
+  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined, { skip: isCacheEnabled });
 
   return (
     <StatusStatGroup>

invokeai/frontend/web/src/features/queue/components/ToggleInvocationCacheButton.tsx

@@ -1,13 +1,15 @@
 import { Button } from '@invoke-ai/ui-library';
 import { useDisableInvocationCache } from 'features/queue/hooks/useDisableInvocationCache';
 import { useEnableInvocationCache } from 'features/queue/hooks/useEnableInvocationCache';
+import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useGetInvocationCacheStatusQuery } from 'services/api/endpoints/appInfo';
 
 const ToggleInvocationCacheButton = () => {
   const { t } = useTranslation();
-  const { data: cacheStatus } = useGetInvocationCacheStatusQuery();
+  const isCacheEnabled = useFeatureStatus('invocationCache').isFeatureEnabled;
+  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined, { skip: isCacheEnabled });
 
   const {
     enableInvocationCache,

invokeai/frontend/web/src/features/queue/hooks/useClearInvocationCache.ts

@@ -1,4 +1,5 @@
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
+import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { addToast } from 'features/system/store/systemSlice';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -7,7 +8,8 @@ import { useClearInvocationCacheMutation, useGetInvocationCacheStatusQuery } fro
 export const useClearInvocationCache = () => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const { data: cacheStatus } = useGetInvocationCacheStatusQuery();
+  const isCacheEnabled = useFeatureStatus('invocationCache').isFeatureEnabled;
+  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined, { skip: isCacheEnabled });
   const isConnected = useAppSelector((s) => s.system.isConnected);
   const [trigger, { isLoading }] = useClearInvocationCacheMutation({
     fixedCacheKey: 'clearInvocationCache',

invokeai/frontend/web/src/features/queue/hooks/useDisableInvocationCache.ts

@@ -1,4 +1,5 @@
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
+import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { addToast } from 'features/system/store/systemSlice';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -7,7 +8,8 @@ import { useDisableInvocationCacheMutation, useGetInvocationCacheStatusQuery } f
 export const useDisableInvocationCache = () => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const { data: cacheStatus } = useGetInvocationCacheStatusQuery();
+  const isCacheEnabled = useFeatureStatus('invocationCache').isFeatureEnabled;
+  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined, { skip: isCacheEnabled });
   const isConnected = useAppSelector((s) => s.system.isConnected);
   const [trigger, { isLoading }] = useDisableInvocationCacheMutation({
     fixedCacheKey: 'disableInvocationCache',

invokeai/frontend/web/src/features/queue/hooks/useEnableInvocationCache.ts

@@ -1,4 +1,5 @@
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
+import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { addToast } from 'features/system/store/systemSlice';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -7,7 +8,8 @@ import { useEnableInvocationCacheMutation, useGetInvocationCacheStatusQuery } fr
 export const useEnableInvocationCache = () => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const { data: cacheStatus } = useGetInvocationCacheStatusQuery();
+  const isCacheEnabled = useFeatureStatus('invocationCache').isFeatureEnabled;
+  const { data: cacheStatus } = useGetInvocationCacheStatusQuery(undefined, { skip: isCacheEnabled });
   const isConnected = useAppSelector((s) => s.system.isConnected);
   const [trigger, { isLoading }] = useEnableInvocationCacheMutation({
     fixedCacheKey: 'enableInvocationCache',