1 files changed, 0 insertions, 46 deletions
diff --git a/src/client/views/nodes/FaceRectangles.tsx b/src/client/views/nodes/FaceRectangles.tsx
deleted file mode 100644
index ade4225d9..000000000
--- a/src/client/views/nodes/FaceRectangles.tsx
+++ /dev/null
@@ -1,46 +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';
-
-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.faces);
-        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>
-        );
-    }
-}