fix: empty image

Author: Jadapema

src/components/login-modal/profile-form-view.tsx

@@ -132,7 +132,6 @@ export const ProfileFormView: React.FC<ProfileFormProps> = ({
    */
   const updateProfileMetadata = useCallback(
     async (data: ProfileData) => {
-      console.log('hello update')
       setRegistrationLoading(true);
 
       dispatch(setIsUpdatingMetadata(true));
@@ -154,12 +153,18 @@ export const ProfileFormView: React.FC<ProfileFormProps> = ({
         // Upload metadata to IPFS
         const metadataURI = await uploadMetadataToIPFS(metadata);
 
+
+        const profileImage =
+          data.profileImage instanceof File ? URL.createObjectURL(data.profileImage) : profileImagePreview;
+        const backgroundImage =
+          data.backgroundImage instanceof File ? URL.createObjectURL(data.backgroundImage) : backgroundImagePreview;
+
         dispatch(
           updateProfileData({
             name: data.name,
             bio: data.bio,
-            profileImage: profileImageURI?.replace('ipfs://', 'https://ipfs.io/ipfs/') ?? '',
-            backgroundImage: backgroundImageURI?.replace('ipfs://', 'https://ipfs.io/ipfs/') ?? '',
+            profileImage: profileImage,
+            backgroundImage: backgroundImage,
             socialLinks: data?.socialLinks ?? [],
           })
         );

src/redux/auth/index.ts

@@ -48,8 +48,8 @@ const authSlice = createSlice({
       action: PayloadAction<{
         name: string;
         bio: string;
-        profileImage: string;
-        backgroundImage: string;
+        profileImage?: string;
+        backgroundImage?: string;
         socialLinks: {
           twitter: string;
           instagram: string;
@@ -65,7 +65,7 @@ const authSlice = createSlice({
           ...state.session.profile.metadata,
           displayName: action.payload.name,
           bio: action.payload.bio,
-          picture: { optimized: { uri: !!action.payload.backgroundImage ? action.payload.backgroundImage : undefined } },
+          picture: { optimized: { uri: !!action.payload.profileImage ? action.payload.profileImage : undefined } },
           coverPicture: { optimized: { uri: !!action.payload.backgroundImage ? action.payload.backgroundImage : undefined } },
           attributes: [
             { key: 'twitter', value: action.payload.socialLinks.twitter },