fix: change image url to show profile image - #46

BaedalMate · Jan 2, 2023 · cb3681d · cb3681d
1 parent 09a9d1c
commit cb3681d
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 26 deletions.
diff --git a/baedalmate/src/components/atoms/Chat/MemberListItem.tsx b/baedalmate/src/components/atoms/Chat/MemberListItem.tsx
@@ -14,9 +14,10 @@ export const MemberList = ({item}: {item: participantI}) => {
         paddingBottom: 15,
       }}>
       <Image
-        source={{
-          uri: item?.profileImage.replace('http', 'https'),
-        }}
+        // source={{
+        //   uri: item?.profileImage.replace('http', 'https'),
+        // }}
+        source={{uri: url + '/images/' + item.profileImage}}
         style={{
           width: 45,
           height: 45,

diff --git a/baedalmate/src/components/atoms/Chat/Message.tsx b/baedalmate/src/components/atoms/Chat/Message.tsx
@@ -1,3 +1,4 @@
+import {url} from '../../../../App';
 import {messageI} from 'components/utils/Chat';
 import React from 'react';
 import {Image, StyleSheet, Text, View} from 'react-native';
@@ -7,9 +8,10 @@ export const ChatProfileImage = ({image}: {image: string}) => {
   return (
     <View style={{width: 30, height: 30}}>
       <Image
-        source={{
-          uri: image.includes('https') ? image : image.replace('http', 'https'),
-        }}
+        // source={{
+        //   uri: image.includes('https') ? image : image.replace('http', 'https'),
+        // }}
+        source={{uri: url + '/images/' + image}}
         style={{
           width: 30,
           height: 30,

diff --git a/baedalmate/src/components/atoms/Header/ChatHeader.tsx b/baedalmate/src/components/atoms/Header/ChatHeader.tsx
@@ -55,11 +55,12 @@ export const ReviewMemberList = ({
           justifyContent: 'center',
         }}>
         <Image
-          source={{
-            uri: item.profileImage.includes('https')
-              ? item.profileImage
-              : item.profileImage.replace('http', 'https'),
-          }}
+          source={{uri: url + '/images/' + item.profileImage}}
+          // source={{
+          //   uri: item.profileImage.includes('https')
+          //     ? item.profileImage
+          //     : item.profileImage.replace('http', 'https'),
+          // }}
           style={{
             width: 45,
             height: 45,

diff --git a/baedalmate/src/components/atoms/Image/UserImage.tsx b/baedalmate/src/components/atoms/Image/UserImage.tsx
@@ -1,23 +1,22 @@
-import {url} from '../../../../App';
 import {RecruitItemProps} from 'components/pages/Detail';
 import React from 'react';
-import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
+import {Image, StyleSheet, View} from 'react-native';
 import {MyPageI} from 'components/pages/Setting/MyPage';
-import {BAEMIN_ICON} from 'themes/theme';
+import {url} from '../../../../App';
 
 export type BtnWithoutTextProps = {
   onPress(): void;
 };
 
 const UserProfileImage = ({item}: {item: RecruitItemProps | undefined}) => {
   // console.log(item?.profileImage);
-  console.log(item?.profileImage.replace('http', 'https'));
-  BAEMIN_ICON;
+  // console.log(item?.profileImage.replace('http', 'https'));
   return (
     <Image
-      source={{
-        uri: item?.profileImage.replace('http', 'https'),
-      }}
+      // source={{
+      //   uri: item?.profileImage.replace('http', 'https'),
+      // }}
+      source={{uri: url + '/images/' + item?.profileImage}}
       style={{
         width: 45,
         height: 45,
@@ -37,11 +36,12 @@ const MyPageUserProfileImage = ({item}: {item: MyPageI | undefined}) => {
           // uri: url + '/images/' + item?.profileImage,
         }}
         style={{
-          width: 60,
-          height: 60,
+          width: 55,
+          height: 55,
           backgroundColor: '#ffffff',
-          borderRadius: 60 / 2,
-          marginHorizontal: 15,
+          borderRadius: 55 / 2,
+          marginRight: 15,
+          marginLeft: 5,
         }}
       />
     </View>

diff --git a/baedalmate/src/components/pages/OrderMenuList.tsx b/baedalmate/src/components/pages/OrderMenuList.tsx
@@ -25,6 +25,7 @@ import {
   recruitParticipantsI,
 } from 'components/utils/Chat';
 import {formPrice, getJWTToken} from 'components/utils/Recruit';
+import {url} from '../../../App';
 
 export interface RecruitItemProps {
   createDate: string;
@@ -291,9 +292,10 @@ const OrderMenuItem = ({
           // justifyContent: 'center',
         }}>
         <Image
-          source={{
-            uri: currentParticipant?.image?.replace('http', 'https'),
-          }}
+          source={{uri: url + '/images/' + currentParticipant?.image}}
+          // source={{
+          //   uri: currentParticipant?.image?.replace('http', 'https'),
+          // }}
           style={{
             width: 45,
             height: 45,