diff --git a/web/packages/new/photos/components/PeopleList.tsx b/web/packages/new/photos/components/PeopleList.tsx index 8737ec326a..c5d187c1c1 100644 --- a/web/packages/new/photos/components/PeopleList.tsx +++ b/web/packages/new/photos/components/PeopleList.tsx @@ -19,7 +19,6 @@ export const SearchPeopleList: React.FC = ({ onSelectPerson, }) => { const isMobileWidth = useIsMobileWidth(); - // TODO-Cluster: FaceCropImageView has hardcoded placeholder dimensions return ( {people.slice(0, isMobileWidth ? 6 : 7).map((person) => ( @@ -30,6 +29,7 @@ export const SearchPeopleList: React.FC = ({ ))} @@ -132,7 +132,10 @@ export const UnidentifiedFaces: React.FC = ({ {faceIDs.map((faceID) => ( - + ))} @@ -145,6 +148,8 @@ interface FaceCropImageViewProps { faceID: string; /** The {@link EnteFile} which contains this face. */ enteFile: EnteFile; + /** Width and height for the placeholder. */ + placeholderDimension: number; } /** @@ -159,6 +164,7 @@ interface FaceCropImageViewProps { const FaceCropImageView: React.FC = ({ faceID, enteFile, + placeholderDimension, }) => { const [objectURL, setObjectURL] = useState(); @@ -180,6 +186,10 @@ const FaceCropImageView: React.FC = ({ return objectURL ? ( ) : ( - + ); };