diff --git a/src/components/ObservationsFlashList/ObsImage.tsx b/src/components/ObservationsFlashList/ObsImage.tsx index 0aa7e2e4d..bc7df52cc 100644 --- a/src/components/ObservationsFlashList/ObsImage.tsx +++ b/src/components/ObservationsFlashList/ObsImage.tsx @@ -1,6 +1,6 @@ import classNames from "classnames"; import { IconicTaxonIcon } from "components/SharedComponents"; -import { Image, View } from "components/styledComponents"; +import { FasterImageView, View } from "components/styledComponents"; import React from "react"; interface Props { @@ -48,12 +48,16 @@ const ObsImage = ( { /> { uri?.uri && ( - ) } { opaque && ( diff --git a/src/components/ProjectList/ProjectListItem.tsx b/src/components/ProjectList/ProjectListItem.tsx index 33146c61c..ade78f126 100644 --- a/src/components/ProjectList/ProjectListItem.tsx +++ b/src/components/ProjectList/ProjectListItem.tsx @@ -6,7 +6,7 @@ import { INatIcon, List2 } from "components/SharedComponents"; -import { Image, View } from "components/styledComponents"; +import { FasterImageView, View } from "components/styledComponents"; import React from "react"; import { useTranslation } from "sharedHooks"; import colors from "styles/tailwindColors"; @@ -55,12 +55,16 @@ const ProjectListItem = ( { item, isHeader = false }: Props ) => { ); } return ( - ); diff --git a/tests/unit/components/Camera/AICamera.test.js b/tests/unit/components/Camera/AICamera.test.js index bc3bbf45e..8bbc0b601 100644 --- a/tests/unit/components/Camera/AICamera.test.js +++ b/tests/unit/components/Camera/AICamera.test.js @@ -113,9 +113,9 @@ describe( "AI Camera", ( ) => { const taxonPhoto = screen.getByTestId( "ObsList.photo" ); - expect( taxonPhoto.props.source ).toStrictEqual( + expect( taxonPhoto.props.source ).toMatchObject( { - uri: mockLocalTaxon.default_photo.url + url: mockLocalTaxon.default_photo.url } ); } ); diff --git a/tests/unit/components/Projects/Projects.test.js b/tests/unit/components/Projects/Projects.test.js index be40c5e57..333a8c452 100644 --- a/tests/unit/components/Projects/Projects.test.js +++ b/tests/unit/components/Projects/Projects.test.js @@ -93,7 +93,7 @@ describe( "Projects", ( ) => { expect( screen.getByText( mockProject.title ) ).toBeTruthy( ); expect( screen.getByTestId( `Project.${mockProject.id}.photo` ).props.source ) - .toStrictEqual( { uri: mockProject.icon } ); + .toMatchObject( { url: mockProject.icon } ); fireEvent.press( screen.getByTestId( `Project.${mockProject.id}` ) ); expect( mockedNavigate ).toHaveBeenCalledWith( "ProjectDetails", { id: mockProject.id diff --git a/tests/unit/components/SharedComponents/ObservationsFlashList/__snapshots__/ObsGridItem.test.js.snap b/tests/unit/components/SharedComponents/ObservationsFlashList/__snapshots__/ObsGridItem.test.js.snap index da76dfb03..4800f41ab 100644 --- a/tests/unit/components/SharedComponents/ObservationsFlashList/__snapshots__/ObsGridItem.test.js.snap +++ b/tests/unit/components/SharedComponents/ObservationsFlashList/__snapshots__/ObsGridItem.test.js.snap @@ -121,12 +121,14 @@ exports[`ObsGridItem for an observation with a photo should render 1`] = ` -