fix(instance) create instance from custom image needs fingerprint in …

…payload.source

Signed-off-by: David Edler <[email protected]>

src/pages/instances/forms/InstanceCreateDetailsForm.tsx

@@ -9,7 +9,12 @@ import {
 } from "@canonical/react-components";
 import ProfileSelect from "pages/profiles/ProfileSelector";
 import SelectImageBtn from "pages/images/actions/SelectImageBtn";
-import { isContainerOnlyImage, isVmOnlyImage, LOCAL_ISO } from "util/images";
+import {
+  isContainerOnlyImage,
+  isVmOnlyImage,
+  LOCAL_IMAGE,
+  LOCAL_ISO,
+} from "util/images";
 import { instanceCreationTypes } from "util/instanceOptions";
 import { FormikProps } from "formik/dist/types";
 import { CreateInstanceFormValues } from "pages/instances/CreateInstance";
@@ -46,6 +51,15 @@ export const instanceDetailPayload = (values: CreateInstanceFormValues) => {
     },
   };
 
+  if (values.image?.server === LOCAL_IMAGE) {
+    payload.source = {
+      type: "image",
+      certificate: "",
+      fingerprint: values.image?.fingerprint,
+      allow_inconsistent: false,
+    };
+  }
+
   if (values.image?.server === LOCAL_ISO) {
     payload.source = {
       type: "none",

src/types/image.d.ts

@@ -60,6 +60,7 @@ export interface RemoteImage {
   server?: string;
   volume?: LxdStorageVolume;
   type?: LxdImageType;
+  fingerprint?: string;
 }
 
 export interface RemoteImageList {

src/util/images.tsx

@@ -38,14 +38,17 @@ export const isoToRemoteImage = (volume: LxdStorageVolume): RemoteImage => {
   };
 };
 
+export const LOCAL_IMAGE = "local-image";
+
 export const localLxdToRemoteImage = (image: LxdImage): RemoteImage => {
   return {
-    aliases: image.update_source?.alias ?? image.fingerprint,
+    aliases: image.update_source?.alias ?? image.aliases?.[0]?.name ?? "",
+    fingerprint: image.fingerprint,
     arch: image.architecture === "x86_64" ? "amd64" : image.architecture,
     os: image.properties?.os ?? "",
     created_at: new Date(image.uploaded_at).getTime(),
     release: image.properties?.release ?? "",
-    server: image.update_source?.server,
+    server: LOCAL_IMAGE,
     type: image.type,
   };
 };