aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/FaceRectangle.tsx
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2024-08-20 22:02:54 -0400
committerbobzel <zzzman@gmail.com>2024-08-20 22:02:54 -0400
commit19a947cbd253ff7fb9da88c27af7645219446d0a (patch)
tree62fa77453433b6808d8e68ff4a213eceb8a0fc79 /src/client/views/nodes/FaceRectangle.tsx
parentd5ae46421b34d688817e059257578906ff2f12a9 (diff)
from last
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,
- }}
- />
- );
- }
-}