From f04c87334c2dfdda3be910f211cae2e637e6ad69 Mon Sep 17 00:00:00 2001
From: Johannes Klein <johannes.t.klein@gmail.com>
Date: Fri, 29 Mar 2024 18:24:47 +0100
Subject: [PATCH] Add a11y prop to Images

---
 src/components/Search/Search.js                  | 2 ++
 src/components/Settings/BlockedUser.js           | 1 +
 src/components/Settings/MutedUser.js             | 1 +
 src/components/Settings/PlaceSearchInput.js      | 1 +
 src/components/Settings/Relationship.js          | 1 +
 src/components/Settings/SettingsProfile.js       | 1 +
 src/components/Settings/SettingsRelationships.js | 1 +
 src/components/Settings/UserSearchInput.js       | 2 ++
 8 files changed, 10 insertions(+)

diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index ca3a7cf50..4772b3eb1 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -50,6 +50,7 @@ const Search = (): React.Node => {
             source={imageUrl}
             style={imageStyles.squareImage}
             testID={`Search.${item.id}.photo`}
+            accessibilityIgnoresInvertColors
           />
           <Text>{`${item.preferred_common_name} (${item.rank} ${item.name})`}</Text>
         </Pressable>
@@ -67,6 +68,7 @@ const Search = (): React.Node => {
           source={{ uri: item.icon }}
           style={imageStyles.circularImage}
           testID={`Search.${item.login}.photo`}
+          accessibilityIgnoresInvertColors
         />
         <Text>{`${item.login} (${item.name})`}</Text>
       </Pressable>
diff --git a/src/components/Settings/BlockedUser.js b/src/components/Settings/BlockedUser.js
index 24df0722f..426171874 100644
--- a/src/components/Settings/BlockedUser.js
+++ b/src/components/Settings/BlockedUser.js
@@ -21,6 +21,7 @@ const BlockedUser = ( { user, unblockUser }:Props ): Node => (
     <Image
       style={viewStyles.relationshipImage}
       source={{ uri: user.icon }}
+      accessibilityIgnoresInvertColors
     />
     <View style={viewStyles.column}>
       <Text>{user.login}</Text>
diff --git a/src/components/Settings/MutedUser.js b/src/components/Settings/MutedUser.js
index f5c847486..8cbfc3dcc 100644
--- a/src/components/Settings/MutedUser.js
+++ b/src/components/Settings/MutedUser.js
@@ -21,6 +21,7 @@ const MutedUser = ( { user, unmuteUser }: Props ): Node => (
     <Image
       style={viewStyles.relationshipImage}
       source={{ uri: user.icon }}
+      accessibilityIgnoresInvertColors
     />
     <View style={viewStyles.column}>
       <Text>{user.login}</Text>
diff --git a/src/components/Settings/PlaceSearchInput.js b/src/components/Settings/PlaceSearchInput.js
index 472dbf482..216eff88a 100644
--- a/src/components/Settings/PlaceSearchInput.js
+++ b/src/components/Settings/PlaceSearchInput.js
@@ -73,6 +73,7 @@ const PlaceSearchInput = ( { placeId, onPlaceChanged } ): React.Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>
diff --git a/src/components/Settings/Relationship.js b/src/components/Settings/Relationship.js
index 651dd09db..07ba93a0d 100644
--- a/src/components/Settings/Relationship.js
+++ b/src/components/Settings/Relationship.js
@@ -28,6 +28,7 @@ const Relationship = ( {
       <Image
         style={viewStyles.relationshipImage}
         source={{ uri: relationship.friendUser.icon_url }}
+        accessibilityIgnoresInvertColors
       />
       <View style={viewStyles.column}>
         <Text>{relationship.friendUser.login}</Text>
diff --git a/src/components/Settings/SettingsProfile.js b/src/components/Settings/SettingsProfile.js
index 7dac3f55d..f17f26ec9 100644
--- a/src/components/Settings/SettingsProfile.js
+++ b/src/components/Settings/SettingsProfile.js
@@ -39,6 +39,7 @@ const SettingsProfile = ( { settings, onSettingsModified }: SettingsProps ): Nod
         <Image
           style={viewStyles.profileImage}
           source={profileSource}
+          accessibilityIgnoresInvertColors
         />
         <View style={viewStyles.column}>
           <Button
diff --git a/src/components/Settings/SettingsRelationships.js b/src/components/Settings/SettingsRelationships.js
index cc0b2c8f1..976e54381 100644
--- a/src/components/Settings/SettingsRelationships.js
+++ b/src/components/Settings/SettingsRelationships.js
@@ -202,6 +202,7 @@ const SettingsRelationships = ( { settings, refetchUserMe }: Props ): Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>
diff --git a/src/components/Settings/UserSearchInput.js b/src/components/Settings/UserSearchInput.js
index 7bd3a801c..23a8f0bf3 100644
--- a/src/components/Settings/UserSearchInput.js
+++ b/src/components/Settings/UserSearchInput.js
@@ -55,6 +55,7 @@ const UserSearchInput = ( { onUserChanged } ): React.Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>
@@ -73,6 +74,7 @@ const UserSearchInput = ( { onUserChanged } ): React.Node => {
             style={viewStyles.userPic}
             resizeMode="contain"
             source={{ uri: result.icon }}
+            accessibilityIgnoresInvertColors
           />
           <Text style={textStyles.resultPlaceName}>{result.login}</Text>
           <Text style={textStyles.resultPlaceType}>{result.name}</Text>