aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/FaceRectangle.tsx
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2024-09-02 09:26:37 -0400
committerbobzel <zzzman@gmail.com>2024-09-02 09:26:37 -0400
commitcda69e48361fce8d71a4dc66edd9dd976a27f52d (patch)
tree82b9a1a5967ae88a9534f89f7eaed3aeb289652f /src/client/views/nodes/FaceRectangle.tsx
parentc01828308714874589d1f60c33ca59df4c656c0c (diff)
parenta958577d4c27b276aa37484e3f895e196138b17c (diff)
Merge branch 'master' into alyssa-starter
Diffstat (limited to 'src/client/views/nodes/FaceRectangle.tsx')
-rw-r--r--src/client/views/nodes/FaceRectangle.tsx34
1 files changed, 0 insertions, 34 deletions
diff --git a/src/client/views/nodes/FaceRectangle.tsx b/src/client/views/nodes/FaceRectangle.tsx
deleted file mode 100644
index 2b66b83fe..000000000
--- a/src/client/views/nodes/FaceRectangle.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { observable, runInAction } from 'mobx';
-import { observer } from 'mobx-react';
-import * as React from 'react';
-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
- );
- }
-
- render() {
- const { rectangle } = this.props;
- return (
- <div
- style={{
- ...rectangle.style,
- opacity: this.opacity,
- transition: '1s ease opacity',
- position: 'absolute',
- borderRadius: 5,
- }}
- />
- );
- }
-}