From 19a947cbd253ff7fb9da88c27af7645219446d0a Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Tue, 20 Aug 2024 22:02:54 -0400
Subject: from last

---
 src/client/views/nodes/FaceRectangle.tsx  | 34 ----------------------
 src/client/views/nodes/FaceRectangles.tsx | 47 -------------------------------
 2 files changed, 81 deletions(-)
 delete mode 100644 src/client/views/nodes/FaceRectangle.tsx
 delete mode 100644 src/client/views/nodes/FaceRectangles.tsx

(limited to 'src/client/views')

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,
-                }}
-            />
-        );
-    }
-}
diff --git a/src/client/views/nodes/FaceRectangles.tsx b/src/client/views/nodes/FaceRectangles.tsx
deleted file mode 100644
index 19aa90a8b..000000000
--- a/src/client/views/nodes/FaceRectangles.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { observer } from 'mobx-react';
-import * as React from 'react';
-import { Doc, DocListCast } from '../../../fields/Doc';
-import { Id } from '../../../fields/FieldSymbols';
-import { Cast, NumCast } from '../../../fields/Types';
-import FaceRectangle from './FaceRectangle';
-import { FaceRecognitionHandler } from '../search/FaceRecognitionHandler';
-
-interface FaceRectanglesProps {
-    document: Doc;
-    color: string;
-    backgroundColor: string;
-}
-
-export interface RectangleTemplate {
-    id: string;
-    style: Partial<React.CSSProperties>;
-}
-
-@observer
-export class FaceRectangles extends React.Component<FaceRectanglesProps> {
-    render() {
-        const faces = DocListCast(this.props.document[FaceRecognitionHandler.FacesField(this.props.document)]);
-        const templates: RectangleTemplate[] = faces.map(faceDoc => {
-            const rectangle = Cast(faceDoc.faceRectangle, Doc) as Doc;
-            const style = {
-                top: NumCast(rectangle.top),
-                left: NumCast(rectangle.left),
-                width: NumCast(rectangle.width),
-                height: NumCast(rectangle.height),
-                backgroundColor: `${this.props.backgroundColor}33`,
-                border: `solid 2px ${this.props.color}`,
-            } as React.CSSProperties;
-            return {
-                id: rectangle[Id],
-                style: style,
-            };
-        });
-        return (
-            <div>
-                {templates.map(rectangle => (
-                    <FaceRectangle key={rectangle.id} rectangle={rectangle} />
-                ))}
-            </div>
-        );
-    }
-}
-- 
cgit v1.2.3-70-g09d2