fix(story): temp disable unused queries

Author: kahboom

src/app/Trust/Overview/TrustOverview.tsx

@@ -29,7 +29,7 @@ import { ChartDonut, ChartThemeColor } from '@patternfly/react-charts/victory';
 import { MultiContentCard } from '@patternfly/react-component-groups';
 import { ArrowRightIcon, LockIcon, RedoIcon } from '@patternfly/react-icons';
 import { formatDate } from '@app/utils/utils';
-import { useQuery } from '@tanstack/react-query';
+// import { useQuery } from '@tanstack/react-query';
 
 const exampleCerts = [
   {
@@ -62,18 +62,18 @@ const exampleCerts = [
 ];
 
 const TrustOverview = () => {
-  const { isPending, error, data } = useQuery({
-    queryKey: ['trustConfig'],
-    queryFn: () => fetch('http://localhost:8080/api/v1/trust/config').then((res) => res.json()),
-  });
+  // const { isPending, error, data } = useQuery({
+  //   queryKey: ['trustConfig'],
+  //   queryFn: () => fetch('http://localhost:8080/api/v1/trust/config').then((res) => res.json()),
+  // });
 
-  if (isPending) return 'Loading...';
+  // if (isPending) return 'Loading...';
 
-  if (error) return 'An error has occurred: ' + error.message;
+  // if (error) return 'An error has occurred: ' + error.message;
 
-  if (data) {
-    console.table(data);
-  }
+  // if (data) {
+  //   console.table(data);
+  // }
 
   const certListFormatted = [
     <SimpleListItem key="item1" component="a" href="#" isActive>

src/app/Trust/TrustRoots/components/TrustRootsDataList.tsx

@@ -31,7 +31,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-i
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
 import { MinusIcon, CalendarAltIcon, FileAltIcon, EllipsisVIcon } from '@patternfly/react-icons';
-import { useQuery } from '@tanstack/react-query';
+// import { useQuery } from '@tanstack/react-query';
 
 import { TrustRootsDrawerContent } from './TrustRootsDrawerContent';
 import { exampleTrustRoot } from '../TrustRoots.data';
@@ -41,18 +41,18 @@ const TrustRootsDataList = () => {
   const [isDrawerExpanded, setIsDrawerExpanded] = useState(false);
   const drawerRef = useRef<HTMLDivElement>(undefined);
 
-  const { isPending, error, data } = useQuery({
-    queryKey: ['trustConfig'],
-    queryFn: () => fetch('http://localhost:8080/api/v1/trust/config').then((res) => res.json()),
-  });
+  // const { isPending, error, data } = useQuery({
+  //   queryKey: ['trustConfig'],
+  //   queryFn: () => fetch('http://localhost:8080/api/v1/trust/config').then((res) => res.json()),
+  // });
 
-  if (isPending) return 'Loading...';
+  // if (isPending) return 'Loading...';
 
-  if (error) return 'An error has occurred: ' + error.message;
+  // if (error) return 'An error has occurred: ' + error.message;
 
-  if (data) {
-    console.table(data);
-  }
+  // if (data) {
+  //   console.table(data);
+  // }
 
   const getRow = (id: string, lastStatus: 'success' | 'error' | null, isRunning: boolean) => {
     let mainIcon;

src/mocks/handlers.ts

@@ -2,36 +2,49 @@ import { http, HttpResponse } from 'msw';
 
 export const handlers = [
   // healthz
+  // Retrieves the current health status of the server.
   http.get('http://localhost:8080/healthz', () => {
     return HttpResponse.json({});
   }),
 
   // artifacts: sign
+  // Signs an artifact using Cosign.
   http.get('http://localhost:8080/api/v1/artifacts/sign', () => {
     return HttpResponse.json({});
   }),
 
   // artifacts: verify
+  // Verifies an artifact using Cosign.
   http.get('http://localhost:8080/api/v1/artifacts/verify', () => {
     return HttpResponse.json({});
   }),
 
   // artifacts: policies
+  // Retrieves policies and attestations for an artifact.
   http.get('http://localhost:8080/api/v1/artifacts/{artifact}/policies', () => {
     return HttpResponse.json({});
   }),
 
+  // artifacts: image
+  // Retrieves metadata for a container image by full reference URI.
+  http.get('http://localhost:8080/api/v1/artifacts/image', () => {
+    return HttpResponse.json({});
+  }),
+
   // rekor: entries
+  // Retrieves a Rekor transparency log entry by UUID.
   http.get('http://localhost:8080/api/v1/rekor/entries/{uuid}', () => {
     return HttpResponse.json({});
   }),
 
   // rekor: public key
+  // Retrieves the Rekor public key in PEM format.
   http.get('http://localhost:8080/api/v1/rekor/public-key', () => {
     return HttpResponse.json({});
   }),
 
   // trust config
+  // Retrieves TUF targets and Fulcio certificate authorities.
   http.get('http://localhost:8080/api/v1/trust/config', () => {
     return HttpResponse.json({});
   }),