fix: 지원마감 버튼 -> 애니메이션 버튼으로 변경

Author: ppinppini

components/recruit/RecruitBanner/index.tsx

@@ -1,5 +1,6 @@
 import { AnimatedButton, Button } from 'components/common';
 import Breakpoints from 'constants/breakpoints';
+import Path from 'constants/path';
 import Yapp from 'constants/yapp';
 import {
   IS_RECRUITING,
@@ -8,12 +9,15 @@ import {
   RECRUIT_BANNER_ACTIVE,
 } from 'database/recruit';
 import DOMPurify from 'isomorphic-dompurify';
+import { useRouter } from 'next/router';
 import styled from 'styled-components';
 import media from 'styles/media';
 
 function RecruitBanner() {
   const BannerInfo = IS_RECRUITING ? RECRUIT_BANNER_ACTIVE : RECRUIT_BANNER;
-  const { title, description } = BannerInfo;
+  const { title, description, buttonName } = BannerInfo;
+  const buttonParams = IS_RECRUITING ? { width: 168 } : { width: 190 };
+  const router = useRouter();
 
   return (
     <RecruitBannerContainer>
@@ -31,15 +35,34 @@ function RecruitBanner() {
           }
           rel="noreferrer"
         >
-          <ApplyButton
-            width={220}
-            height={65}
-            fontColor="white"
-            buttonColor="grey_850"
-            borderColor="lightGrey"
-          >
-            {IS_RECRUITING ? '모든 공고 보기' : '지원마감'}
-          </ApplyButton>
+          {IS_RECRUITING ? (
+            <ApplyButton
+              width={220}
+              height={65}
+              fontColor="white"
+              buttonColor="grey_850"
+              borderColor="lightGrey"
+            >
+              {'모든 공고 보기'}
+            </ApplyButton>
+          ) : (
+            <AnimatedButton
+              height={65}
+              fontColor="white"
+              buttonColor="grey_850"
+              className="recruitButton"
+              buttonText={buttonName}
+              onClick={() => {
+                if (!IS_RECRUITING) {
+                  window.location.href = NEXT_GENERATION_RECRUIT_LINK;
+                  return;
+                }
+
+                router.push(Path.Recruit);
+              }}
+              {...buttonParams}
+            />
+          )}
         </ButtonBlock>
       </BannerInner>
     </RecruitBannerContainer>