From 5b3aad9ad6bea0cedd6820f3ea65d9f117d61a63 Mon Sep 17 00:00:00 2001
From: sinkyoungdeok <tkagmd1@naver.com>
Date: Thu, 30 May 2024 02:09:32 +0900
Subject: [PATCH] =?UTF-8?q?[KAN-115]=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85,=20=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20=EC=9E=AC?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95,=20=EC=9D=B4=EB=A9=94=EC=9D=BC=20=EC=A0=84?=
 =?UTF-8?q?=EC=86=A1=20=EB=93=B1=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=9D=BC?=
 =?UTF-8?q?=EB=B6=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg.js                         | 36 +++++++++++++++++++----
 src/screens/signup/CheckEmailScreen.js    | 17 ++++++-----
 src/screens/signup/CheckEmailScreen2.js   | 19 +++++++-----
 src/screens/signup/FindPasswordScreen.js  | 17 ++++++-----
 src/screens/signup/ProfileSetScreen.js    | 22 ++++++++------
 src/screens/signup/ResetPasswordScreen.js | 17 ++++++-----
 src/screens/signup/SignupScreen.js        | 19 +++++++-----
 7 files changed, 96 insertions(+), 51 deletions(-)

diff --git a/src/assets/svg.js b/src/assets/svg.js
index b086a98..cfd0776 100644
--- a/src/assets/svg.js
+++ b/src/assets/svg.js
@@ -212,11 +212,37 @@ export const svgXml = {
     </svg>
     `,
     camera: `
-    <svg width="104" height="92" viewBox="0 0 104 92" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="51.5" cy="51.5" r="18" stroke="#003C71"/>
-    <circle cx="25.5" cy="35.5" r="2" stroke="#003C71"/>
-    <path d="M10.6666 26.3334C9.28591 26.3334 8.16663 27.4527 8.16663 28.8334V74.6667C8.16663 76.0474 9.28591 77.1667 10.6666 77.1667H93.3333C94.714 77.1667 95.8333 76.0474 95.8333 74.6667V28.8334C95.8333 27.4527 94.714 26.3334 93.3333 26.3334H78.6062C78.4199 26.3334 78.2491 26.2298 78.1629 26.0647L72.7237 15.6395C72.4652 15.1441 71.9527 14.8334 71.3938 14.8334H31.1556C30.5585 14.8334 30.0182 15.1876 29.78 15.7353L25.3029 26.0327C25.2235 26.2153 25.0434 26.3334 24.8444 26.3334H10.6666Z" stroke="#003C71"/>
-    <path d="M62 23H42" stroke="#003C71" stroke-linecap="round" stroke-linejoin="round"/>
+    <svg width="122" height="123" viewBox="0 0 122 123" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d_2418_7830)">
+    <path d="M60 111C89.8234 111 114 86.8234 114 57C114 27.1766 89.8234 3 60 3C30.1766 3 6 27.1766 6 57C6 86.8234 30.1766 111 60 111Z" fill="white"/>
+    <path d="M60 74C77.53 74 92.115 81.912 95.325 92.384C104.391 83.333 110 70.822 110 57C110 29.386 87.614 7 60 7C32.386 7 10 29.386 10 57C10 70.822 15.609 83.334 24.675 92.384C27.885 81.912 42.47 74 60 74Z" fill="#CE0B39"/>
+    <path d="M95.3248 92.583C92.1148 81.998 77.5298 74 59.9998 74C42.4698 74 27.8848 81.998 24.6748 92.583C33.7208 101.711 46.2078 107.356 59.9998 107.356C73.7918 107.356 86.2788 101.711 95.3248 92.583Z" fill="white"/>
+    <path d="M60 67C69.3888 67 77 59.3888 77 50C77 40.6112 69.3888 33 60 33C50.6112 33 43 40.6112 43 50C43 59.3888 50.6112 67 60 67Z" fill="white"/>
+    </g>
+    <g filter="url(#filter1_d_2418_7830)">
+    <circle cx="102" cy="99" r="12" fill="#CE0B39"/>
+    <path d="M102 103C102.909 103 103.682 102.681 104.319 102.045C104.955 101.409 105.273 100.636 105.273 99.7268C105.273 98.8177 104.955 98.0449 104.319 97.4083C103.682 96.7722 102.909 96.4541 102 96.4541C101.091 96.4541 100.318 96.7722 99.6815 97.4083C99.0453 98.0449 98.7273 98.8177 98.7273 99.7268C98.7273 100.636 99.0453 101.409 99.6815 102.045C100.318 102.681 101.091 103 102 103ZM102 101.545C101.491 101.545 101.061 101.369 100.709 101.018C100.358 100.666 100.182 100.236 100.182 99.7268C100.182 99.2177 100.358 98.7874 100.709 98.4359C101.061 98.0844 101.491 97.9086 102 97.9086C102.509 97.9086 102.939 98.0844 103.291 98.4359C103.642 98.7874 103.818 99.2177 103.818 99.7268C103.818 100.236 103.642 100.666 103.291 101.018C102.939 101.369 102.509 101.545 102 101.545ZM96.1818 105.545C95.7818 105.545 95.4395 105.403 95.1549 105.118C94.8698 104.833 94.7273 104.49 94.7273 104.09V95.3632C94.7273 94.9632 94.8698 94.6209 95.1549 94.3363C95.4395 94.0512 95.7818 93.9086 96.1818 93.9086H98.4727L99.8182 92.4541H104.182L105.527 93.9086H107.818C108.218 93.9086 108.561 94.0512 108.846 94.3363C109.13 94.6209 109.273 94.9632 109.273 95.3632V104.09C109.273 104.49 109.13 104.833 108.846 105.118C108.561 105.403 108.218 105.545 107.818 105.545H96.1818ZM107.818 104.09V95.3632H104.873L103.545 93.9086H100.455L99.1273 95.3632H96.1818V104.09H107.818Z" fill="white"/>
+    </g>
+    <defs>
+    <filter id="filter0_d_2418_7830" x="0" y="0" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dy="3"/>
+    <feGaussianBlur stdDeviation="3"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0.0431373 0 0 0 0 0.0392157 0 0 0 0 0.117647 0 0 0 0.16 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2418_7830"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2418_7830" result="shape"/>
+    </filter>
+    <filter id="filter1_d_2418_7830" x="82" y="83" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dy="4"/>
+    <feGaussianBlur stdDeviation="4"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0.752941 0 0 0 0 0 0 0 0 0 0.172549 0 0 0 0.16 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2418_7830"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2418_7830" result="shape"/>
+    </filter>
+    </defs>
     </svg>
     `,
     phone: `
diff --git a/src/screens/signup/CheckEmailScreen.js b/src/screens/signup/CheckEmailScreen.js
index 4975481..e322944 100644
--- a/src/screens/signup/CheckEmailScreen.js
+++ b/src/screens/signup/CheckEmailScreen.js
@@ -164,18 +164,21 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 8,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
diff --git a/src/screens/signup/CheckEmailScreen2.js b/src/screens/signup/CheckEmailScreen2.js
index f38029e..1665f87 100644
--- a/src/screens/signup/CheckEmailScreen2.js
+++ b/src/screens/signup/CheckEmailScreen2.js
@@ -148,22 +148,25 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 8,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
-    right: 0,
+    right: 10,
     bottom: 8,
     padding: 5,
     // backgroundColor: 'red',
diff --git a/src/screens/signup/FindPasswordScreen.js b/src/screens/signup/FindPasswordScreen.js
index 35a8b29..aa3bde4 100644
--- a/src/screens/signup/FindPasswordScreen.js
+++ b/src/screens/signup/FindPasswordScreen.js
@@ -124,18 +124,21 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 8,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
diff --git a/src/screens/signup/ProfileSetScreen.js b/src/screens/signup/ProfileSetScreen.js
index 2189e1f..eff5ded 100644
--- a/src/screens/signup/ProfileSetScreen.js
+++ b/src/screens/signup/ProfileSetScreen.js
@@ -83,6 +83,7 @@ export default function ProfileSetScreen(props) {
       navigation.navigate('BottomTab');
     } catch (error) {
       console.log('Error:', error);
+      console.log('Error response:', error.response.data);
     }
   };
 
@@ -153,7 +154,7 @@ export default function ProfileSetScreen(props) {
                 style={{width: 150, height: 150, borderRadius: 75}}
               />
             ) : (
-              <SvgXml width={104} height={102} xml={svgXml.icon.camera} />
+              <SvgXml width={200} height={200} xml={svgXml.icon.camera} />
             )}
           </AnimatedButton>
           <View style={styles.container}>
@@ -172,7 +173,7 @@ export default function ProfileSetScreen(props) {
             </View>
           </View>
 
-          <View style={{height: 80}} />
+          <View style={{height: 40}} />
           <LongPrimaryButton
             text={'회원가입'}
             action={signUp}
@@ -218,18 +219,21 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 10,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
diff --git a/src/screens/signup/ResetPasswordScreen.js b/src/screens/signup/ResetPasswordScreen.js
index 0026759..6ad7b0f 100644
--- a/src/screens/signup/ResetPasswordScreen.js
+++ b/src/screens/signup/ResetPasswordScreen.js
@@ -205,18 +205,21 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 8,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
diff --git a/src/screens/signup/SignupScreen.js b/src/screens/signup/SignupScreen.js
index dd5140e..0af4a5e 100644
--- a/src/screens/signup/SignupScreen.js
+++ b/src/screens/signup/SignupScreen.js
@@ -276,22 +276,25 @@ const styles = StyleSheet.create({
   },
   samllText: {
     color: COLOR_TEXT70GRAY,
-    fontSize: 12,
-    fontWeight: 'normal',
+    fontSize: 14,
     textAlign: 'center',
     paddingVertical: 4,
+    fontWeight: 'bold',
+    marginBottom: 8,
   },
   textinputBox: {
-    padding: 0,
-    fontSize: 15,
-    height: 45,
+    height: 50,
+    borderColor: '#F8F8F8',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    backgroundColor: '#F8F8F8',
+    fontSize: 16,
     width: '100%',
-    borderBottomWidth: 0.5,
-    borderBottomColor: COLOR_TEXT70GRAY,
   },
   showButton: {
     position: 'absolute',
-    right: 0,
+    right: 10,
     bottom: 8,
     padding: 5,
     // backgroundColor: 'red',