Merge pull request #202 from Step3-kakao-tech-campus/feat/#165

fix: 회원가입 로더 문제 해결, Calendar Safari 브라우저 화면에서 부적절한 부분 해결
Step3-kakao-tech-campus · Nov 11, 2023 · 3899fbd · 3899fbd
2 parents 430c34e + 2ebca31
commit 3899fbd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/commons/components/MonthDays.tsx b/src/commons/components/MonthDays.tsx
@@ -29,7 +29,7 @@ export const CurrentMonthDays = ({
   handleClick,
 }: CurrentDaysProps) => {
   return (
-    <td key={index} className="flex justify-center items-center">
+    <td key={index} className="flex justify-center w-[50px] h-[50px]">
       <button
         className={className}
         onClick={() => {

diff --git a/src/pages/register/components/Calendar.tsx b/src/pages/register/components/Calendar.tsx
@@ -143,7 +143,7 @@ const Calendar = ({ handleClick }: CalendarProps) => {
               key={index}
               day={day}
               index={index}
-              className={'prevMonthDay text-gray-400 py-2'}
+              className={'prevMonthDay text-gray-400 w-[50px] h-[50px] py-2'}
               prevMonth={() =>
                 prevMonth(currentDate.getFullYear(), currentDate.getMonth())
               }
@@ -277,7 +277,7 @@ const Calendar = ({ handleClick }: CalendarProps) => {
           >
             {'<'}
           </button>
-          <div className="current-month-year text-2xl font-bold">
+          <div className="current-month-year text-2xl font-bold max-h-[375px]">
             {months[currentDate.getMonth()]} {currentDate.getFullYear()}
           </div>
           <button
@@ -297,9 +297,9 @@ const Calendar = ({ handleClick }: CalendarProps) => {
             </tr>
           ))}
         </thead>
-        <tbody className="h-full grid gap-2">
+        <tbody className="grid gap-2">
           {calendarRows.map((row: JSX.Element[], index: number) => (
-            <tr key={index} className="text-center grid grid-cols-7">
+            <tr key={index} className="text-center grid grid-cols-7 h-[50px]">
               {row}
             </tr>
           ))}

diff --git a/src/pages/signUp/components/SignupInputForm.tsx b/src/pages/signUp/components/SignupInputForm.tsx
@@ -141,7 +141,7 @@ const SignupInputForm = () => {
    * 필수 정보가 입력되었는지 확인
    * 정보가 제대로 입력되었을 때 api 요청
    */
-  const userFetch = () => {
+  const userFetch = async () => {
     getEmailValidText({
       validText: '',
       inValidText: '',
@@ -153,10 +153,10 @@ const SignupInputForm = () => {
     if (!emailConfirm.checked) {
       setErrors({});
       setModalText('이메일을 중복을 확인해주세요.');
-      setIsLoading((prev) => ({ ...prev, submitIsLoading: false }));
       setModalOpen(true);
+      setIsLoading((prev) => ({ ...prev, submitIsLoading: false }));
     } else if (emailConfirm.isValid && emailConfirm.checked) {
-      fetch(`${process.env.REACT_APP_URI}/account/shelter`, {
+      await fetch(`${process.env.REACT_APP_URI}/account/shelter`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',