From 9ee451d14fdbb875e23ad29da700221e436630a6 Mon Sep 17 00:00:00 2001
From: KJ Shanks <kyle.j.shanks@gmail.com>
Date: Mon, 28 Aug 2023 16:14:53 -0400
Subject: [PATCH] Disable delete on the last collection upload track

---
 .../src/pages/upload-page/fields/CollectionTrackField.tsx   | 4 +++-
 .../pages/upload-page/fields/CollectionTrackFieldArray.tsx  | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
index 796a8665ec..3d96980d19 100644
--- a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
+++ b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
@@ -32,10 +32,11 @@ const messages = {
 type CollectionTrackFieldProps = {
   index: number
   remove: (index: number) => void
+  disableDelete: boolean
 }
 
 export const CollectionTrackField = (props: CollectionTrackFieldProps) => {
-  const { index, remove } = props
+  const { disableDelete = false, index, remove } = props
   const [{ value: track }] = useField<CollectionTrackForUpload>(
     `tracks.${index}`
   )
@@ -94,6 +95,7 @@ export const CollectionTrackField = (props: CollectionTrackFieldProps) => {
             iconLeft={IconPlay}
           />
           <HarmonyButton
+            disabled={disableDelete}
             variant={HarmonyButtonType.GHOST}
             size={HarmonyButtonSize.SMALL}
             text={messages.delete}
diff --git a/packages/web/src/pages/upload-page/fields/CollectionTrackFieldArray.tsx b/packages/web/src/pages/upload-page/fields/CollectionTrackFieldArray.tsx
index c4b9a1ca2c..fa4cf5c7ea 100644
--- a/packages/web/src/pages/upload-page/fields/CollectionTrackFieldArray.tsx
+++ b/packages/web/src/pages/upload-page/fields/CollectionTrackFieldArray.tsx
@@ -34,7 +34,11 @@ export const CollectionTrackFieldArray = () => {
                         {...provided.draggableProps}
                         {...provided.dragHandleProps}
                       >
-                        <CollectionTrackField index={index} remove={remove} />
+                        <CollectionTrackField
+                          index={index}
+                          remove={remove}
+                          disableDelete={tracks.length === 1}
+                        />
                       </div>
                     )}
                   </Draggable>