Merge branch 'master' into sophie-ai-images

1 files changed, 20 insertions, 17 deletions

diff --git a/src/client/views/nodes/TaskCompletedBox.tsx b/src/client/views/nodes/TaskCompletedBox.tsx
index 2a3dd8d2d..c9e15d314 100644
--- a/src/client/views/nodes/TaskCompletedBox.tsx
+++ b/src/client/views/nodes/TaskCompletedBox.tsx
@@ -1,30 +1,33 @@
-import React = require("react");
-import { observer } from "mobx-react";
-import "./TaskCompletedBox.scss";
-import { observable, action } from "mobx";
-import { Fade } from "@material-ui/core";
-
+import { Fade } from '@mui/material';
+import { action, observable } from 'mobx';
+import { observer } from 'mobx-react';
+import * as React from 'react';
+import './TaskCompletedBox.scss';
 
 @observer
 export class TaskCompletionBox extends React.Component<{}> {
-
     @observable public static taskCompleted: boolean = false;
     @observable public static popupX: number = 500;
     @observable public static popupY: number = 150;
-    @observable public static textDisplayed: string;
+    @observable public static textDisplayed: string = '';
 
     @action
     public static toggleTaskCompleted = () => {
         TaskCompletionBox.taskCompleted = !TaskCompletionBox.taskCompleted;
-    }
+    };
 
     render() {
-        return <Fade in={TaskCompletionBox.taskCompleted}>
-            <div className="taskCompletedBox-fade"
-                style={{
-                    left: TaskCompletionBox.popupX ? TaskCompletionBox.popupX : 500,
-                    top: TaskCompletionBox.popupY ? TaskCompletionBox.popupY : 150,
-                }}>{TaskCompletionBox.textDisplayed}</div>
-        </Fade>;
+        return (
+            <Fade in={TaskCompletionBox.taskCompleted}>
+                <div
+                    className="taskCompletedBox-fade"
+                    style={{
+                        left: TaskCompletionBox.popupX ? TaskCompletionBox.popupX : 500,
+                        top: TaskCompletionBox.popupY ? TaskCompletionBox.popupY : 150,
+                    }}>
+                    {TaskCompletionBox.textDisplayed}
+                </div>
+            </Fade>
+        );
     }
-} 
\ No newline at end of file
+}