[Deploy]: 마이너 UI 이슈 수정 (2.0.1)

src/App.tsx

@@ -4,6 +4,7 @@ import {
   OnboardingLogo1,
   OnboardingLogo2
 } from '@/assets/Onboarding';
+import { isAuthenticated } from '@/utils/auth';
 import { Flex, Space, Text } from '@/components/common/Wrapper';
 import { InformationBox } from '@/components/onboarding/InformationBox';
 import { color, typography } from 'wowds-tokens';
@@ -160,7 +161,11 @@ function App() {
         <JoinText />
         <OnboardingLogo2 />
         <Space height={25} />
-        <ApplyButton onClick={() => navigate(RoutePath.Dashboard)}>
+        <ApplyButton
+          onClick={() => {
+            if (isAuthenticated()) navigate(RoutePath.Dashboard);
+            else navigate(RoutePath.GithubSignin);
+          }}>
           가입하기
         </ApplyButton>
         <Space height={40} />

src/components/myPage/JoinRegularMember.tsx

@@ -33,7 +33,7 @@ const JoinRegularMember = ({ paymentStatus }: { paymentStatus: Status }) => {
         status={paymentStatus === 'UNSATISFIED' ? 'error' : 'success'}
         subText={
           paymentStatus === 'UNSATISFIED'
-            ? '이제 카드·계좌이체 등 여러 결제수단을 지원해요.'
+            ? '카드·계좌이체 등 여러 결제수단을 지원해요.'
             : undefined
         }
       />

src/pages/StudentVerification.tsx

@@ -74,12 +74,13 @@ export const StudentVerification = () => {
             <EmailContainer>
               <TextFieldWrapper>
                 <TextField
+                  style={{ minWidth: '100%' }}
                   ref={field.ref}
                   onChange={field.onChange}
                   onBlur={field.onBlur}
                   value={field.value}
                   error={fieldState.invalid}
-                  placeholder="로컬파트 작성"
+                  placeholder="이메일 작성"
                   label="학교 이메일"
                   helperText={fieldState.error?.message}
                 />
@@ -176,12 +177,12 @@ const ButtonContainer = styled.div`
 const EmailContainer = styled.div`
   display: flex;
   flex-direction: row;
+  max-width: 260px;
   align-items: center;
   gap: ${space.xs};
 `;
 
 const TextFieldWrapper = styled.div`
   flex: 1;
   height: 84.8px;
-  width: 50%;
 `;

src/pages/redirect/StudentVerificationServerRedirect.tsx

@@ -1,27 +1,23 @@
 import { Text, Flex } from '@/components/common/Wrapper';
 import { useVerifyStudentEmail } from '@/hooks/mutation';
 import { color } from 'wowds-tokens';
-import Button from 'wowds-ui/Button';
 import GlobalSize from '@/constants/globalSize';
 import { media } from '@/styles';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import RoutePath from '@/routes/routePath';
+import { useSearchParams } from 'react-router-dom';
 import { useLayoutEffect } from 'react';
 import LoadingSpinner from '@/components/common/LoadingSpinner';
 
 export const StudentVerificationServerRedirect = () => {
   const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
   const token = searchParams.get('token');
   const { isSuccess, isPending, verifyStudentMail } = useVerifyStudentEmail();
 
   useLayoutEffect(() => {
     if (token) verifyStudentMail(token);
   }, [token, verifyStudentMail]);
 
-  //TODO: 추후 로딩 스피너 추가 필요
   return (
     <Wrapper direction="column">
       {isPending ? (
@@ -46,16 +42,6 @@ export const StudentVerificationServerRedirect = () => {
               </Text>
             )}
           </TextContainer>
-          <ButtonContainer>
-            <Button
-              type="submit"
-              role="button"
-              onClick={() => {
-                navigate(RoutePath.Dashboard);
-              }}>
-              대시보드로 바로가기
-            </Button>
-          </ButtonContainer>
         </Container>
       )}
     </Wrapper>
@@ -90,13 +76,3 @@ const TextContainer = styled.div`
   flex-direction: column;
   align-items: center;
 `;
-
-const ButtonContainer = styled.div`
-  position: absolute;
-  bottom: 1.75rem;
-  padding: 0px 0.75rem;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;