Fix edit images (#2302)

AudiusProject · Nov 23, 2022 · fed67d3 · fed67d3
1 parent 2d17c4a
commit fed67d3
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/packages/mobile/src/components/core/FormImageInput.tsx b/packages/mobile/src/components/core/FormImageInput.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react'
+import { useCallback, useMemo, useState } from 'react'
 
 import { useField } from 'formik'
 import type { ImageStyle, ViewStyle } from 'react-native'
@@ -89,6 +89,11 @@ export const FormImageInput = ({
 
   const isDefaultImage = /imageCoverPhotoBlank/.test(url)
 
+  const source = useMemo(
+    () => ({ uri: isDefaultImage ? `https://audius.co/${url}` : url }),
+    [isDefaultImage, url]
+  )
+
   return (
     <Pressable
       style={[style, stylesProp?.root]}
@@ -97,7 +102,7 @@ export const FormImageInput = ({
       onPressOut={handlePressOut}
     >
       <DynamicImage
-        source={{ uri: isDefaultImage ? `https://audius.co/${url}` : url }}
+        source={source}
         styles={{
           root: [styles.imageContainer, stylesProp?.imageContainer],
           image: [styles.image, stylesProp?.image]

diff --git a/packages/mobile/src/screens/edit-profile-screen/EditProfileScreen.tsx b/packages/mobile/src/screens/edit-profile-screen/EditProfileScreen.tsx
@@ -172,8 +172,8 @@ export const EditProfileScreen = () => {
     tiktok_handle,
     website,
     donation,
-    cover_photo: { url: coverPhotoSource[0].uri },
-    profile_picture: { url: imageSource[0].uri }
+    cover_photo: { url: coverPhotoSource[1].uri },
+    profile_picture: { url: imageSource[2].uri }
   }
 
   return (

diff --git a/packages/mobile/src/screens/edit-track-screen/EditExistingTrackScreen.tsx b/packages/mobile/src/screens/edit-track-screen/EditExistingTrackScreen.tsx
@@ -40,7 +40,7 @@ export const EditExistingTrackScreen = () => {
   const initialValues = {
     ...track,
     artwork: null,
-    trackArtwork: imageSource[0].uri
+    trackArtwork: imageSource[2].uri
   }
 
   return (

diff --git a/packages/mobile/src/screens/edit-track-screen/fields/PickArtworkField.tsx b/packages/mobile/src/screens/edit-track-screen/fields/PickArtworkField.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react'
+import { useCallback, useMemo, useState } from 'react'
 
 import { useField } from 'formik'
 import { capitalize } from 'lodash'
@@ -89,10 +89,12 @@ export const PickArtworkField = () => {
     launchSelectImageActionSheet(handleImageSelected, secondary)
   }, [secondary, setValue])
 
+  const source = useMemo(() => ({ uri: trackArtworkUrl }), [trackArtworkUrl])
+
   return (
     <View style={styles.root}>
       <DynamicImage
-        source={{ uri: trackArtworkUrl }}
+        source={source}
         onLoad={() => setIsLoading(false)}
         style={styles.image}
       >