feat(artifacts): add artifacts queries, mocks

Author: kahboom

client/src/app/pages/Artifacts/Artifacts.tsx

@@ -0,0 +1,7 @@
+import { Content, PageSection, Tab, TabContent, Tabs, TabTitleText } from "@patternfly/react-core";
+import { ExternalLinkAltIcon } from "@patternfly/react-icons";
+
+import { LoadingWrapper } from "@app/components/LoadingWrapper";
+import { useFetchArtifactsImageData } from "@app/queries/artifacts";
+
+export const Artifacts = () => {};

client/src/app/pages/Artifacts/index.ts

@@ -0,0 +1 @@
+export { Artifacts as default } from "./Artifacts";

client/src/app/queries/artifacts.ts

@@ -0,0 +1,23 @@
+import type { AxiosError } from "axios";
+
+import { client } from "@app/axios-config/apiInit";
+import { getApiV1ArtifactsImage, type _Error, type ImageMetadataResponse } from "@app/client";
+import { useMockableQuery } from "./helpers";
+import { artifactsImageDataMock } from "./mocks/artifacts.mock";
+
+export const ArtifactsKey = "Artifacts";
+
+export const useFetchArtifactsImageData = () => {
+  const { data, isLoading, error, refetch } = useMockableQuery<ImageMetadataResponse | null, AxiosError<_Error>>(
+    {
+      queryKey: [ArtifactsKey, "image"],
+      queryFn: async () => {
+        const response = await getApiV1ArtifactsImage({ client, query: { uri: "" } });
+        return response.data ?? null;
+      },
+    },
+    artifactsImageDataMock
+  );
+
+  return { config: data, isFetching: isLoading, fetchError: error, refetch };
+};

client/src/app/queries/mocks/artifacts.mock.ts

@@ -0,0 +1,21 @@
+import type { ImageMetadataResponse, Metadata } from "@app/client";
+
+export const artifactsImageDataMock: ImageMetadataResponse = {
+  image: "docker.io/library/nginx:latest",
+
+  // container image metadata
+  metadata: {
+    // media type of the container image (e.g., OCI manifest type)
+    mediaType: "application/vnd.oci.image.manifest.v1+json",
+
+    // size of container image
+    size: 1234,
+
+    // key-value labels or annotations associated with image
+    labels: {
+      "org.opencontainers.image.version": "1.0.0",
+    },
+  } as Metadata,
+  // container image's digest
+  digest: "sha256:abcdef1234567890abcdef1234567890abcdef1234567890abcdef1234567890",
+};