fix: 챌린지 생성 후 에러 & 온보딩 짤림현상 제거 (#263)

CCC-org · Nov 18, 2023 · 2ed1cc0 · 2ed1cc0
1 parent 6198b44
commit 2ed1cc0
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 38 deletions.
diff --git a/src/components/challenge/ChallengeStatusCalendar.tsx b/src/components/challenge/ChallengeStatusCalendar.tsx
@@ -92,7 +92,7 @@ const OneWeekRow = ({ order = 1, recordedDates, startDate }: OneWeekRowProps) =>
           const targetDate = startDate ? addDaysToDate(startDate, daysAfterStartDate) : '';
           const isRecordedDay = recordedDates?.includes(targetDate);
           return isRecordedDay ? (
-            <View style={styles.recordedCircle}>
+            <View key={index} style={styles.recordedCircle}>
               <Text style={{ ...theme.fonts.text.podkova.bold, color: theme.colors.graphic.white }}>
                 {recordedDates ? recordedDates.indexOf(targetDate) + 1 : 1}
               </Text>

diff --git a/src/components/texts/HeaderText.tsx b/src/components/texts/HeaderText.tsx
@@ -45,7 +45,7 @@ function createStyles(theme) {
       justifyContent: 'center',
     },
     header: {
-      width: '80%',
+      width: '100%',
       marginTop: 4,
       fontSize: 26,
       fontWeight: '600',

diff --git a/src/screens/Main/ChallengesScreen.tsx b/src/screens/Main/ChallengesScreen.tsx
@@ -153,7 +153,7 @@ const ChallengesScreen = ({ navigation }) => {
               insightPerWeek={challengeParticipation?.insightPerWeek ?? 0}
               startDate={challengeParticipation?.startDate ?? ''}
               endDate={challengeParticipation?.endDate ?? ''}
-              dayProgresses={userSpecificChallenge?.dayProgresses}
+              dayProgresses={userSpecificChallenge?.dayProgresses ?? []}
             />
           </View>
         ) : (

diff --git a/src/screens/Main/mypage/MyPageScreen.tsx b/src/screens/Main/mypage/MyPageScreen.tsx
@@ -122,14 +122,14 @@ const MyPageScreen = ({ navigation, route }) => {
       headerRight: () => {
         return (
           <View style={styles.headerRight}>
-            <Pressable style={{ marginRight: 12 }} onPress={() => modalRef.current?.present()}>
-              <SvgXml xml={ShareIconXml} />
+            <Pressable onPress={() => navigation.navigate('Settings')}>
+              <SvgXml xml={settingsIcon} />
             </Pressable>
             <Pressable
-              style={{ marginHorizontal: 18 }}
-              onPress={() => navigation.navigate('Settings')}
+              style={{ marginRight: 18, marginLeft: 15 }}
+              onPress={() => modalRef.current?.present()}
             >
-              <SvgXml xml={settingsIcon} />
+              <SvgXml xml={ShareIconXml} />
             </Pressable>
           </View>
         );
@@ -296,7 +296,7 @@ export default MyPageScreen;
 const styles = StyleSheet.create({
   headerRight: {
     flexDirection: 'row',
-    justifyContent: 'space-between',
+    justifyContent: 'flex-end',
     alignItems: 'center',
     width: 100,
   },

diff --git a/src/screens/challenge/CategoryCreateScreen.tsx b/src/screens/challenge/CategoryCreateScreen.tsx
@@ -62,21 +62,21 @@ const CategoryCreateScreen = ({ navigation, route }) => {
 
   return (
     <SafeAreaView style={styles.container}>
-      <SmallTextInput
-        inputValue={input}
-        setInputValue={setInput}
-        placeholder={'관심사를 입력하세요'}
-        errorMessage={errorMessage}
-      />
+      <View style={{ paddingTop: 20, paddingHorizontal: 17 }}>
+        <SmallTextInput
+          inputValue={input}
+          setInputValue={setInput}
+          placeholder={'관심사를 입력하세요'}
+          errorMessage={errorMessage}
+        />
+      </View>
     </SafeAreaView>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    paddingHorizontal: 17,
-    paddingTop: 20,
   },
 });
 

diff --git a/src/screens/onboarding/ServiceIntroScreen.tsx b/src/screens/onboarding/ServiceIntroScreen.tsx
@@ -58,38 +58,43 @@ const ServiceIntroScreen = ({ navigation }) => {
           onSnapToItem={(idx) => handleStep(idx)}
           data={[
             <>
-              <Image
-                source={require('../../../assets/images/onboarding_01.png')}
-                style={styles.image}
-              />
-              <View key={1} style={styles.carouselItemCtn}>
-                <HeaderText key={1} header={'기억하고 싶은 콘텐츠, \n지나치지 말고 기록하세요'} />
+              <View key={1} style={{ paddingTop: 32 }}>
+                <Image
+                  source={require('../../../assets/images/onboarding_01.png')}
+                  style={styles.image}
+                />
+                <View style={styles.carouselItemCtn}>
+                  <HeaderText header={'기억하고 싶은 콘텐츠, \n지나치지 말고 기록하세요'} />
+                </View>
               </View>
             </>,
 
             <>
-              <Image
-                source={require('../../../assets/images/onboarding_02.png')}
-                style={styles.image}
-              />
-              <View key={2} style={styles.carouselItemCtn}>
-                <HeaderText key={1} header={'꾸준하기 어렵다면, \n친구들과 함께 도전해요'} />
+              <View key={2} style={{ paddingTop: 32 }}>
+                <Image
+                  source={require('../../../assets/images/onboarding_02.png')}
+                  style={styles.image}
+                />
+                <View style={styles.carouselItemCtn}>
+                  <HeaderText header={'꾸준하기 어렵다면 \n친구들과 함께 도전해요'} />
+                </View>
               </View>
             </>,
 
             <>
-              <Image
-                source={require('../../../assets/images/onboarding_03.png')}
-                style={styles.image}
-              />
-              <View key={3} style={styles.carouselItemCtn}>
-                <HeaderText key={1} header={'함께할수록 쉬워지는 기록, \n키위가 도와줄게요!'} />
+              <View key={3} style={{ paddingTop: 32 }}>
+                <Image
+                  source={require('../../../assets/images/onboarding_03.png')}
+                  style={styles.image}
+                />
+                <View style={styles.carouselItemCtn}>
+                  <HeaderText header={'함께할수록 쉬워지는 기록 \n키위가 도와줄게요!'} />
+                </View>
               </View>
             </>,
           ]}
           renderItem={({ item }) => item}
         />
-        {/* </View> */}
         <View style={styles.nextButtonWithStepper}>
           <Stepper totalStep={3} currentStep={step + 1} />
           <View style={styles.nextButton}>

diff --git a/src/utils/api/followList/followersFollowings.ts b/src/utils/api/followList/followersFollowings.ts
@@ -14,7 +14,7 @@ export const FollowersFollowingsApi = {
     try {
       if (!searchValue) {
         const response = await httpClient.get<FollowersFollowings>(
-          URL + '?' + `cursor=${getTime()}&limit=30`,
+          URL + '?' + `cursor=${getTime()}&limit=40`,
           {
             headers: {
               Authorization: `Bearer ${token}`,
@@ -27,7 +27,7 @@ export const FollowersFollowingsApi = {
         return response.data.data;
       } else {
         const response = await httpClient.get<FollowersFollowings>(
-          `${URL}/search?searchWord=${searchValue}&limit=20`,
+          `${URL}/search?searchWord=${searchValue}&limit=30`,
           {
             headers: {
               Authorization: `Bearer ${token}`,