pass entry state to the upload panel so we can save an upload without having to check for the entry id everytime

Author: MoustaphaCamara

frontend/src/components/MainApp.svelte

@@ -132,6 +132,12 @@ SPDX-License-Identifier: GPL-3.0-or-later
     }
   }
 
+  // use for Uploads to check the entry Id. Pass it to UploadsPAnel so that we dont need to check and warn
+  async function ensureEntrySaved(): Promise<number | null> {
+    if (!currentEntryId) await saveOrUpdateEntry();
+    return currentEntryId;
+  }
+
   async function deleteEntry(id: number, title: string): Promise<void> {
     alert = null;
     const confirmed = window.confirm(`Delete "${title}"? This cannot be undone.`);
@@ -348,6 +354,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
         <UploadsPanel
           {profileUuid}
           entryId={currentEntryId}
+          {ensureEntrySaved}
           onAlert={(nextAlert) => alert = nextAlert}
         />
       </form>

frontend/src/components/Uploads/UploadsPanel.svelte

@@ -13,10 +13,11 @@
   type Props = {
     profileUuid: string;
     entryId: number | null;
+    ensureEntrySaved: () => Promise<number | null>;
     onAlert: (alert: AlertState | null) => void;
   };
 
-  let {profileUuid, onAlert, entryId}: Props = $props();
+  let {profileUuid, entryId, ensureEntrySaved, onAlert}: Props = $props();
 
   let uploads = $state<main.StoredUpload[]>([]);
   let loading = $state(false);
@@ -38,16 +39,13 @@
   }
 
   async function importUpload(): Promise<void> {
-    // uploads need to be attached to an entry. Before clicking save, the entry doesn't have an id yet.
-    if (!entryId) {
-      onAlert({type: 'warning', message: 'Save the entry before adding the first upload.'});
-      return;
-    }
+    const uploadEntryId = await ensureEntrySaved();
+    if (!uploadEntryId) return;
 
     try {
       const path = await SelectFile();
       if (!path) return;
-      const upload = await ImportUpload(profileUuid, entryId, path);
+      const upload = await ImportUpload(profileUuid, uploadEntryId, path);
       onAlert({type: 'success', message: `Imported ${upload.realName} ✔`});
       await refreshUploads();
     } catch (e: unknown) {