Improve toast consistency

web/public/locales/en/components/dialog.json

@@ -53,6 +53,7 @@
     "selectOrExport": "Select or Export",
     "toast": {
       "success": "Successfully started export. View the file in the exports page.",
+      "view": "View",
       "error": {
         "failed": "Failed to start export: {{error}}",
         "endTimeMustAfterStartTime": "End time must be after start time",

web/src/components/card/ReviewCard.tsx

@@ -87,7 +87,7 @@ export default function ReviewCard({
             position: "top-center",
             action: (
               <a href="/export" target="_blank" rel="noopener noreferrer">
-                <Button>View</Button>
+                <Button>{t("export.toast.view")}</Button>
               </a>
             ),
           });

web/src/components/classification/wizard/Step3ChooseExamples.tsx

@@ -148,7 +148,9 @@ export default function Step3ChooseExamples({
       // Step 3: Kick off training
       await axios.post(`/classification/${step1Data.modelName}/train`);
 
-      toast.success(t("wizard.step3.trainingStarted"));
+      toast.success(t("wizard.step3.trainingStarted"), {
+        closeButton: true,
+      });
       setIsTraining(true);
     },
     [step1Data, step2Data, t],

web/src/components/overlay/ExportDialog.tsx

@@ -97,7 +97,7 @@ export default function ExportDialog({
             position: "top-center",
             action: (
               <a href="/export" target="_blank" rel="noopener noreferrer">
-                <Button>View</Button>
+                <Button>{t("export.toast.view")}</Button>
               </a>
             ),
           });

web/src/components/overlay/MobileReviewSettingsDrawer.tsx

@@ -106,7 +106,9 @@ export default function MobileReviewSettingsDrawer({
               position: "top-center",
               action: (
                 <a href="/export" target="_blank" rel="noopener noreferrer">
-                  <Button>View</Button>
+                  <Button>
+                    {t("export.toast.view", { ns: "components/dialog" })}
+                  </Button>
                 </a>
               ),
             },

web/src/pages/FaceLibrary.tsx

@@ -808,6 +808,7 @@ function FaceAttemptGroup({
           if (resp.status == 200) {
             toast.success(t("toast.success.trainedFace"), {
               position: "top-center",
+              closeButton: true,
             });
             onRefresh();
           }

web/src/views/classification/ModelTrainingView.tsx

@@ -104,12 +104,14 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
     if (modelState == "complete") {
       toast.success(t("toast.success.trainedModel"), {
         position: "top-center",
+        closeButton: true,
       });
       setWasTraining(false);
       refreshDataset();
     } else if (modelState == "failed") {
       toast.error(t("toast.error.trainingFailed"), {
         position: "top-center",
+        closeButton: true,
       });
       setWasTraining(false);
     }
@@ -182,6 +184,7 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
           setWasTraining(true);
           toast.success(t("toast.success.trainingModel"), {
             position: "top-center",
+            closeButton: true,
           });
         }
       })
@@ -193,6 +196,7 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
 
         toast.error(t("toast.error.trainingFailedToStart", { errorMessage }), {
           position: "top-center",
+          closeButton: true,
         });
       });
   }, [model, t]);

web/src/views/events/EventView.tsx

@@ -219,7 +219,9 @@ export default function EventView({
                 position: "top-center",
                 action: (
                   <a href="/export" target="_blank" rel="noopener noreferrer">
-                    <Button>View</Button>
+                    <Button>
+                      {t("export.toast.view", { ns: "components/dialog" })}
+                    </Button>
                   </a>
                 ),
               },