3 additional task statuses implemented

src/components/frame/All.js

@@ -13,7 +13,6 @@ import SingleFrame from './Single';
 import { timeStampToHR } from './../../utils/time';
 
 const statusDict = Object.freeze({
-    WAITINGFORPEER: 'waiting for peer',
     NOTREADY: 'not started',
     READY: 'ready',
     WAITING: 'waiting',

src/components/tasks/Table.js

@@ -8,6 +8,7 @@ import { connect } from "react-redux";
 
 import * as Actions from "../../actions";
 import blender_logo from "./../../assets/img/blender_logo.png";
+import { taskStatus as status } from './../../constants/statusDicts'
 import { convertSecsToHMS, timeStampToHR } from "./../../utils/time";
 
 import InsufficientAmountModal from "./modal/InsufficientAmountModal";
@@ -26,17 +27,6 @@ const mapDispatchToProps = dispatch => ({
     actions: bindActionCreators(Actions, dispatch)
 });
 
-const status = Object.freeze({
-    WAITINGFORPEER: "Waiting for peer",
-    NOTREADY: "Not started",
-    READY: "Ready",
-    WAITING: "Waiting",
-    COMPUTING: "Computing",
-    FINISHED: "Finished",
-    TIMEOUT: "Timeout",
-    RESTART: "Restart"
-});
-
 function shouldPSEnabled(_item) {
     return (
         _item.status == status.COMPUTING ||

src/components/tasks/TaskItem.js

@@ -101,6 +101,54 @@ export class TaskItem extends React.Component {
         const { options } = item;
         const { nodeNumbers } = this.props;
         switch (item.status) {
+            case taskStatus.CREATING:
+                return (
+                    <div>
+                        <span>
+                            Duration:{' '}
+                            {convertSecsToHMS(
+                                new Date() / 1000 - item.time_started
+                            )}
+                        </span>
+                        <span className="bumper" />
+                        <span className="duration--preparing">
+                            Creating the task...{' '}
+                        </span>
+                    </div>
+                );
+
+            case taskStatus.ERRORCREATING:
+                return (
+                    <div>
+                        <span>
+                            Duration:{' '}
+                            {convertSecsToHMS(
+                                new Date() / 1000 - item.time_started
+                            )}
+                        </span>
+                        <span className="bumper" />
+                        <span className="duration--failure">
+                            {item?.status_message || "Error creating task"}
+                        </span>
+                    </div>
+                );
+
+            case taskStatus.ABORTED:
+                return (
+                    <div>
+                        <span>
+                            Task time:{' '}
+                            {timeStampToHR(
+                                item.last_updated - item.time_started,
+                                true
+                            )}
+                        </span>
+                        <span className="bumper" />
+                        <span className="duration--aborted">Aborted: </span>
+                        <span>{timeStampToHR(item.last_updated)}</span>
+                    </div>
+                );
+
             case taskStatus.TIMEOUT:
                 return (
                     <div>
@@ -521,7 +569,9 @@ export class TaskItem extends React.Component {
                                     !(
                                         item.status === taskStatus.RESTART ||
                                         item.status === taskStatus.TIMEOUT ||
-                                        item.status === taskStatus.FINISHED
+                                        item.status === taskStatus.FINISHED ||
+                                        item.status === taskStatus.ABORTED ||
+                                        item.status === taskStatus.ERRORCREATING 
                                     )
                                 }
                                 restartSubtasksModalHandler={

src/constants/statusDicts.js

@@ -5,16 +5,19 @@ const testStatusDict = Object.freeze({
 })
 
 const taskStatus = Object.freeze({
-    WAITINGFORPEER: 'Waiting for peer',
     DEPOSIT: 'Creating the deposit',
     NOTREADY: 'Not started',
+    SENDING: "Sending",
     READY: 'Ready',
     WAITING: 'Waiting',
     COMPUTING: 'Computing',
     FINISHED: 'Finished',
     TIMEOUT: 'Timeout',
     RESTART: 'Restart',
-    FAILURE: 'Failure'
+    FAILURE: 'Failure',
+    ABORTED: "Aborted",
+    CREATING: 'Creating',
+    ERRORCREATING: 'Error Creating'
 })
 
 module.exports = {

src/scss/tasks/task-item.scss

@@ -63,6 +63,10 @@
             .duration {
                 font-size: 8.5pt;
                 margin-top: 1px;
+                &--aborted {
+                    color: $color-error;
+                    font-weight: 400;
+                }
                 &--active {
                     color: $button-static-color;
                     font-weight: 400;