change warnings displayed when a user approves a previous job spec

Author: gustavogama-cll

src/screens/JobProposal/SpecsView.tsx

@@ -72,7 +72,7 @@ interface Props extends WithStyles<typeof styles> {
 }
 
 interface ConfirmationDialogArgs {
-  action: 'reject' | 'approve' | 'cancel'
+  action: 'reject' | 'approve' | 'approvePrevious' | 'cancel'
   id: string
 }
 
@@ -81,6 +81,25 @@ const confirmationDialogText = {
     title: 'Approve Job Proposal',
     body: 'Approving this job proposal will start running a new job. WARNING: If a job using the same contract address already exists, it will be deleted before running the new one.',
   },
+  approvePrevious: {
+    title: 'Approve Previous Version of Job Proposal',
+    body: (
+      <div>
+        <p>
+          ⚠️ You have selected a job spec version that is not the most recent
+          one.
+        </p>
+        <p>
+          Approving this job proposal will start running a new job with the old
+          spec version.
+        </p>
+        <p>
+          WARNING: If a job using the same contract address already exists, it
+          will be deleted before running the new one.
+        </p>
+      </div>
+    ),
+  },
   cancel: {
     title: 'Cancel Job Proposal',
     body: 'Cancelling this job proposal will delete the running job. Are you sure you want to cancel this job proposal?',
@@ -207,7 +226,12 @@ export const SpecsView = withStyles(styles)(
               <Button
                 variant="contained"
                 color="primary"
-                onClick={() => openConfirmationDialog('approve', specID)}
+                onClick={() =>
+                  openConfirmationDialog(
+                    specID == latestSpec.id ? 'approve' : 'approvePrevious',
+                    specID,
+                  )
+                }
               >
                 Approve
               </Button>
@@ -295,6 +319,7 @@ export const SpecsView = withStyles(styles)(
             if (confirmationDialog) {
               switch (confirmationDialog.action) {
                 case 'approve':
+                case 'approvePrevious':
                   onApprove(confirmationDialog.id)
 
                   break