fixed error handling of images too big to load. cleaned up facecollectionbox. changed metadata field naming to match conventions.

1 files changed, 2 insertions, 1 deletions

diff --git a/src/client/views/nodes/FaceRectangles.tsx b/src/client/views/nodes/FaceRectangles.tsx
index ade4225d9..19aa90a8b 100644
--- a/src/client/views/nodes/FaceRectangles.tsx
+++ b/src/client/views/nodes/FaceRectangles.tsx
@@ -4,6 +4,7 @@ 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;
@@ -19,7 +20,7 @@ export interface RectangleTemplate {
 @observer
 export class FaceRectangles extends React.Component<FaceRectanglesProps> {
     render() {
-        const faces = DocListCast(this.props.document.faces);
+        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 = {