From c654a31fdb48a76fb4b0562168c920ca850a7b9e Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sun, 3 Dec 2023 16:21:52 -0500
Subject: cleaned up warnings and errors, working with typescript 20.10

---
 src/client/views/nodes/FaceRectangle.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

(limited to 'src/client/views/nodes/FaceRectangle.tsx')

diff --git a/src/client/views/nodes/FaceRectangle.tsx b/src/client/views/nodes/FaceRectangle.tsx
index 20afa4565..8d03bf57a 100644
--- a/src/client/views/nodes/FaceRectangle.tsx
+++ b/src/client/views/nodes/FaceRectangle.tsx
@@ -1,14 +1,14 @@
-import React = require("react");
-import { observer } from "mobx-react";
-import { observable, runInAction } from "mobx";
-import { RectangleTemplate } from "./FaceRectangles";
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import { observable, runInAction } from 'mobx';
+import { RectangleTemplate } from './FaceRectangles';
 
 @observer
 export default class FaceRectangle extends React.Component<{ rectangle: RectangleTemplate }> {
     @observable private opacity = 0;
 
     componentDidMount() {
-        setTimeout(() => runInAction(() => this.opacity = 1), 500);
+        setTimeout(() => runInAction(() => (this.opacity = 1)), 500);
     }
 
     render() {
@@ -18,12 +18,11 @@ export default class FaceRectangle extends React.Component<{ rectangle: Rectangl
                 style={{
                     ...rectangle.style,
                     opacity: this.opacity,
-                    transition: "1s ease opacity",
-                    position: "absolute",
-                    borderRadius: 5
+                    transition: '1s ease opacity',
+                    position: 'absolute',
+                    borderRadius: 5,
                 }}
             />
         );
     }
-
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3-70-g09d2

