created an alert when local reports are uploaded (#1523)

* created the alert

* added a check that reports had been uploaded

* grammar (yes I care)

* fixed inconsistency

src/api/report/submit-report.ts

@@ -2,6 +2,8 @@ import { request } from '../base'
 import { Report, OfflineReport } from '.'
 import { useEffect, useState } from 'preact/hooks'
 import { CancellablePromise } from '@/utils/cancellable-promise'
+import { createAlert } from '@/router'
+import { AlertType } from '@/components/alert'
 
 /**
  * Uploads a report via PUT or POST, depending on if the report already has an ID
@@ -53,6 +55,19 @@ export const uploadSavedReports = async () => {
     [] as Report[] | Promise<Report[]>,
   )
   localStorage.setItem(SAVED_REPORTS, JSON.stringify(unsuccessfulReports))
+
+  const uploadedReports = savedReports.length - unsuccessfulReports.length
+  if (uploadedReports > 1) {
+    createAlert({
+      type: AlertType.Success,
+      message: `${uploadedReports} reports were uploaded!`,
+    })
+  } else if (uploadedReports === 1) {
+    createAlert({
+      type: AlertType.Success,
+      message: `1 report was uploaded!`,
+    })
+  }
 }
 
 /** Only used for offline reports */

src/components/report-editor.tsx

@@ -201,7 +201,7 @@ export const ReportEditor = ({
             key: initialReport.key || generateReportKey(),
           }
           saveReportLocally(reportWithKey)
-          if (onSaveLocally) onSaveLocally(reportWithKey)
+          onSaveLocally?.(reportWithKey)
         }
       })
       .finally(() => {