refactor(containers): migrate create view to react [EE-2307] (#9175)

app/react/docker/images/queries/build-url.ts

@@ -1,6 +1,23 @@
 import { EnvironmentId } from '@/react/portainer/environments/types';
 import { buildUrl as buildDockerUrl } from '@/react/docker/queries/utils/build-url';
+import { buildUrl as buildDockerProxyUrl } from '@/react/docker/proxy/queries/build-url';
 
 export function buildUrl(environmentId: EnvironmentId) {
   return buildDockerUrl(environmentId, 'images');
 }
+
+export function buildProxyUrl(
+  environmentId: EnvironmentId,
+  { id, action }: { id?: string; action?: string } = {}
+) {
+  let dockerAction = '';
+  if (id) {
+    dockerAction += `${id}`;
+  }
+
+  if (action) {
+    dockerAction = dockerAction ? `${dockerAction}/${action}` : action;
+  }
+
+  return buildDockerProxyUrl(environmentId, 'images', dockerAction);
+}

app/react/docker/images/queries/usePullImageMutation.ts

@@ -0,0 +1,56 @@
+import { AxiosRequestHeaders } from 'axios';
+
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { Registry } from '@/react/portainer/registries/types/registry';
+
+import { buildImageFullURI } from '../utils';
+
+import { encodeRegistryCredentials } from './encodeRegistryCredentials';
+import { buildProxyUrl } from './build-url';
+
+interface PullImageOptions {
+  environmentId: EnvironmentId;
+  image: string;
+  nodeName?: string;
+  registry?: Registry;
+  ignoreErrors: boolean;
+}
+
+export async function pullImage({
+  environmentId,
+  ignoreErrors,
+  image,
+  nodeName,
+  registry,
+}: PullImageOptions) {
+  const authenticationDetails =
+    registry && registry.Authentication
+      ? encodeRegistryCredentials(registry.Id)
+      : '';
+
+  const imageURI = buildImageFullURI(image, registry);
+
+  const headers: AxiosRequestHeaders = {
+    'X-Registry-Auth': authenticationDetails,
+  };
+
+  if (nodeName) {
+    headers['X-PortainerAgent-Target'] = nodeName;
+  }
+
+  try {
+    await axios.post(buildProxyUrl(environmentId, { action: 'create' }), null, {
+      params: {
+        fromImage: imageURI,
+      },
+      headers,
+    });
+  } catch (err) {
+    if (ignoreErrors) {
+      return;
+    }
+
+    throw parseAxiosError(err as Error, 'Unable to pull image');
+  }
+}