From 1df2df136037191d26d2d77214efef02a1e319bf Mon Sep 17 00:00:00 2001
From: Sanne Raymaekers <sanne.raymaekers@gmail.com>
Date: Fri, 31 Mar 2023 10:10:01 +0200
Subject: [PATCH] CreateImageWizard: show error details on save

Show details when the wizard sends a request that results in an
error. Now that AWS and Azure have a maximum size, this needs to be
shown.
---
 src/Components/CreateImageWizard/CreateImageWizard.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Components/CreateImageWizard/CreateImageWizard.js b/src/Components/CreateImageWizard/CreateImageWizard.js
index 52ac1bf7..aa164605 100644
--- a/src/Components/CreateImageWizard/CreateImageWizard.js
+++ b/src/Components/CreateImageWizard/CreateImageWizard.js
@@ -554,15 +554,16 @@ const CreateImageWizard = () => {
             setIsSaving(false);
           })
           .catch((err) => {
+            let msg = err.response.statusText;
+            if (err.response.data?.errors[0]?.detail) {
+              msg = err.response.data?.errors[0]?.detail;
+            }
+
             dispatch(
               addNotification({
                 variant: 'danger',
                 title: 'Your image could not be created',
-                description:
-                  'Status code ' +
-                  err.response.status +
-                  ': ' +
-                  err.response.statusText,
+                description: 'Status code ' + err.response.status + ': ' + msg,
               })
             );