From 515c53f4e7b15149f28e9be02002a706b2a81981 Mon Sep 17 00:00:00 2001
From: sliptype <sliptype@gmail.com>
Date: Fri, 9 Feb 2024 16:17:52 -0600
Subject: [PATCH] Match Avatar styles more closely to prod

---
 .../app-drawer-screen/left-nav-drawer/AccountDetails.tsx       | 1 +
 .../mobile/src/screens/app-screen/AccountPictureHeader.tsx     | 1 +
 packages/mobile/src/screens/chat-screen/ChatScreen.tsx         | 1 +
 .../Notification/NotificationProfilePicture.tsx                | 1 +
 .../ArtistRecommendations/ArtistRecommendations.tsx            | 3 ++-
 .../screens/profile-screen/ProfileHeader/SupportingTile.tsx    | 1 +
 .../src/screens/search-screen/SearchResults/SearchItem.tsx     | 2 +-
 .../mobile/src/screens/settings-screen/AccountSettingsRow.tsx  | 1 +
 8 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/mobile/src/screens/app-drawer-screen/left-nav-drawer/AccountDetails.tsx b/packages/mobile/src/screens/app-drawer-screen/left-nav-drawer/AccountDetails.tsx
index a9b0133e8b4..d76a6680ccd 100644
--- a/packages/mobile/src/screens/app-drawer-screen/left-nav-drawer/AccountDetails.tsx
+++ b/packages/mobile/src/screens/app-drawer-screen/left-nav-drawer/AccountDetails.tsx
@@ -62,6 +62,7 @@ export const AccountDetails = () => {
           userId={accountUser.user_id}
           style={styles.accountImage}
           mb='l'
+          strokeWidth='thin'
         />
         <View style={styles.accountName}>
           <Text numberOfLines={1} style={styles.name} variant='h1' noGutter>
diff --git a/packages/mobile/src/screens/app-screen/AccountPictureHeader.tsx b/packages/mobile/src/screens/app-screen/AccountPictureHeader.tsx
index 61789efcae8..9d4ec34de3a 100644
--- a/packages/mobile/src/screens/app-screen/AccountPictureHeader.tsx
+++ b/packages/mobile/src/screens/app-screen/AccountPictureHeader.tsx
@@ -67,6 +67,7 @@ export const AccountPictureHeader = (props: AccountPictureHeaderProps) => {
           userId={accountId}
           style={styles.root}
           imagePriority='high'
+          strokeWidth='thin'
         />
         {showNotificationBubble ? (
           <View style={styles.notificationBubbleRoot}>
diff --git a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
index 3479c341fe6..0635cec618e 100644
--- a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
+++ b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
@@ -579,6 +579,7 @@ export const ChatScreen = () => {
                   userId={otherUser.user_id}
                   size='small'
                   mr='s'
+                  strokeWidth='thin'
                 />
                 <UserBadges
                   user={otherUser}
diff --git a/packages/mobile/src/screens/notifications-screen/Notification/NotificationProfilePicture.tsx b/packages/mobile/src/screens/notifications-screen/Notification/NotificationProfilePicture.tsx
index 38ba3919261..af881e15f4e 100644
--- a/packages/mobile/src/screens/notifications-screen/Notification/NotificationProfilePicture.tsx
+++ b/packages/mobile/src/screens/notifications-screen/Notification/NotificationProfilePicture.tsx
@@ -45,6 +45,7 @@ export const NotificationProfilePicture = (
       userId={profile.user_id}
       size='medium'
       style={[css({ marginRight: spacing.s }), style]}
+      strokeWidth='thin'
       {...other}
     />
   )
diff --git a/packages/mobile/src/screens/profile-screen/ArtistRecommendations/ArtistRecommendations.tsx b/packages/mobile/src/screens/profile-screen/ArtistRecommendations/ArtistRecommendations.tsx
index 2f1c6e7400c..ba98aaf6819 100644
--- a/packages/mobile/src/screens/profile-screen/ArtistRecommendations/ArtistRecommendations.tsx
+++ b/packages/mobile/src/screens/profile-screen/ArtistRecommendations/ArtistRecommendations.tsx
@@ -178,8 +178,9 @@ export const ArtistRecommendations = (props: ArtistRecommendationsProps) => {
               style={css({
                 height: spacing.unit13,
                 width: spacing.unit13,
-                mr: -spacing.s
+                marginRight: -spacing.s
               })}
+              strokeWidth='thin'
             />
           </TouchableOpacity>
         ))}
diff --git a/packages/mobile/src/screens/profile-screen/ProfileHeader/SupportingTile.tsx b/packages/mobile/src/screens/profile-screen/ProfileHeader/SupportingTile.tsx
index 2f4379fda74..d9a9c7b3b45 100644
--- a/packages/mobile/src/screens/profile-screen/ProfileHeader/SupportingTile.tsx
+++ b/packages/mobile/src/screens/profile-screen/ProfileHeader/SupportingTile.tsx
@@ -145,6 +145,7 @@ export const SupportingTile = (props: SupportingTileProps) => {
                 height: harmonySpacing.unit8
               })}
               mr='s'
+              strokeWidth='thin'
               userId={user.user_id}
             />
             <Text
diff --git a/packages/mobile/src/screens/search-screen/SearchResults/SearchItem.tsx b/packages/mobile/src/screens/search-screen/SearchResults/SearchItem.tsx
index dab47359136..08a292c7913 100644
--- a/packages/mobile/src/screens/search-screen/SearchResults/SearchItem.tsx
+++ b/packages/mobile/src/screens/search-screen/SearchResults/SearchItem.tsx
@@ -57,7 +57,7 @@ const UserSearchResult = (props: UserSearchResultProps) => {
 
   return (
     <SearchResultItem onPress={handlePress}>
-      <ProfilePicture userId={user.user_id} size='medium' />
+      <ProfilePicture userId={user.user_id} size='medium' strokeWidth='thin' />
       <UserBadges
         style={styles.badgeContainer}
         nameStyle={styles.name}
diff --git a/packages/mobile/src/screens/settings-screen/AccountSettingsRow.tsx b/packages/mobile/src/screens/settings-screen/AccountSettingsRow.tsx
index a06b72932aa..5fdefa102d1 100644
--- a/packages/mobile/src/screens/settings-screen/AccountSettingsRow.tsx
+++ b/packages/mobile/src/screens/settings-screen/AccountSettingsRow.tsx
@@ -48,6 +48,7 @@ export const AccountSettingsRow = () => {
         <ProfilePicture
           userId={accountUser.user_id}
           style={css({ width: spacing.unit13, height: spacing.unit13 })}
+          strokeWidth='thin'
         />
         <View style={styles.info}>
           <Text style={styles.name}>{name}</Text>