From cd82a09cf1169806a78ce5730125e6c8b96b953d Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:00:41 +0100
Subject: [PATCH] simplify

---
 .../dropzone-media/dropzone-media.element.ts  | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/dropzone-media/dropzone-media.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/dropzone-media/dropzone-media.element.ts
index 3c252bed80..c0b2990cbc 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/dropzone-media/dropzone-media.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/dropzone-media/dropzone-media.element.ts
@@ -79,20 +79,25 @@ export class UmbDropzoneMediaElement extends UmbLitElement {
 		if (!files.length) return;
 
 		for (const file of files) {
-			const mediaTypeDetailUnique = UmbId.new();
-
 			const mediaType = this.#getMediaTypeFromMime(file.type);
-			const uploaded = await this.#uploadHandler(file);
 
-			const model: UmbMediaDetailModel = {
-				unique: mediaTypeDetailUnique,
+			const uploaded = await this.#uploadHandler(file);
+			/** TODO: Show uploading badge while waiting... */
+
+			const preset: Partial<UmbMediaDetailModel> = {
 				mediaType: {
 					unique: mediaType.unique,
 					collection: this.collectionUnique ? { unique: this.collectionUnique } : null,
 				},
-				entityType: UMB_MEDIA_ENTITY_TYPE,
-				isTrashed: false,
-				urls: [],
+				variants: [
+					{
+						culture: null,
+						segment: null,
+						name: file.name,
+						createDate: null,
+						updateDate: null,
+					},
+				],
 				values: [
 					{
 						alias: 'umbracoFile',
@@ -101,17 +106,12 @@ export class UmbDropzoneMediaElement extends UmbLitElement {
 						segment: null,
 					},
 				],
-				variants: [
-					{
-						culture: null,
-						segment: null,
-						name: file.name,
-						createDate: '',
-						updateDate: '',
-					},
-				],
 			};
-			await this.#mediaDetailRepository.create(model, null);
+
+			const { data } = await this.#mediaDetailRepository.createScaffold(preset);
+			if (!data) return;
+			await this.#mediaDetailRepository.create(data, null);
+
 			this.dispatchEvent(new UmbChangeEvent());
 		}
 	}