diff --git a/components/UploadForm.tsx b/components/UploadForm.tsx index 530261e..8b61ab5 100644 --- a/components/UploadForm.tsx +++ b/components/UploadForm.tsx @@ -478,6 +478,31 @@ export function UploadForm() { + a.itemImagePreview)?.itemImagePreview || imagePreviewUrl + } + previewBackgroundUrl={backgroundPreviewUrl} + songTitle={ + audioItems[0]?.metadata.songTitle || + audioItems[0]?.metadata.title || + "Track title" + } + artist={audioItems[0]?.metadata.artist || ""} + encodeWidth={parseInt(readyAudios[0]?.metadata.resolution?.split("x")[0] || "1280", 10)} + layout={jobLayout} + onLayoutChange={applyLayoutToAll} + watermark={jobWatermark} + onWatermarkChange={applyWatermarkToAll} + onUploadLogo={handleLogoUpload} + onUploadFont={handleFontUpload} + onUploadBackground={handleBackgroundUpload} + onClearBackground={clearBackgroundImage} + hasCustomBackground={Boolean(backgroundImagePath)} + logoPreviewUrl={logoPreviewUrl} + /> + {audioItems.length > 0 && (

Video details (per audio)

@@ -640,31 +665,6 @@ export function UploadForm() {
)} - a.itemImagePreview)?.itemImagePreview || imagePreviewUrl - } - previewBackgroundUrl={backgroundPreviewUrl} - songTitle={ - audioItems[0]?.metadata.songTitle || - audioItems[0]?.metadata.title || - "Track title" - } - artist={audioItems[0]?.metadata.artist || ""} - encodeWidth={parseInt(readyAudios[0]?.metadata.resolution?.split("x")[0] || "1280", 10)} - layout={jobLayout} - onLayoutChange={applyLayoutToAll} - watermark={jobWatermark} - onWatermarkChange={applyWatermarkToAll} - onUploadLogo={handleLogoUpload} - onUploadFont={handleFontUpload} - onUploadBackground={handleBackgroundUpload} - onClearBackground={clearBackgroundImage} - hasCustomBackground={Boolean(backgroundImagePath)} - logoPreviewUrl={logoPreviewUrl} - /> -