Merge pull request #118 from wafflestudio/main

2024 리크루팅 문구 수정
wafflestudio · Jul 30, 2024 · 0628bb1 · 0628bb1
2 parents 9cbc9f9 + 8826cf5
commit 0628bb1
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/src/components/home/Apply.tsx b/src/components/home/Apply.tsx
@@ -38,19 +38,22 @@ export default function Apply() {
         <SelectField>
           <Select
             $active={field === "ROOKIE"}
+            $isLock={false}
             onClick={() => setField("ROOKIE")}
           >
             루키(ROOKIE)
           </Select>
           <Select
             $active={field === "DESIGNER"}
+            $isLock={false}
             onClick={() => setField("DESIGNER")}
           >
             디자이너(DESIGNER)
           </Select>
           <Select
             $active={field === "PROGRAMMER"}
-            onClick={() => setField("PROGRAMMER")}
+            $isLock={true}
+            // onClick={() => setField("PROGRAMMER")}
           >
             개발자(PROGRAMMER)
           </Select>
@@ -142,7 +145,7 @@ const SelectField = styled.div`
   flex-direction: row;
 `;
 
-const Select = styled.div<{ $active: boolean }>`
+const Select = styled.div<{ $active: boolean; $isLock: boolean }>`
   padding: 3rem 0rem;
   flex: 1;
   border-radius: 1.5rem 1.5rem 0rem 0rem;
@@ -158,7 +161,7 @@ const Select = styled.div<{ $active: boolean }>`
   align-items: center;
   gap: 0.8rem;
 
-  cursor: pointer;
+  cursor: ${(props) => (props.$isLock ? "not-allowed" : "pointer")};
 
   background: ${({ $active }) => ($active ? "#f0745f" : "#EDE5D1")};
   color: ${({ $active }) => ($active ? "#fff" : "#B7B1A2")};

diff --git a/src/components/home/CalenderInner.tsx b/src/components/home/CalenderInner.tsx
@@ -87,7 +87,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 03</span>
                 <h1>전체 신입회원 오리엔테이션</h1>
-                <p>추후 공지될 예정입니다.</p>
+                <p>9월 1일(일) 비대면으로 진행됩니다.</p>
               </StepDescription>
             </Step>
           </InnerBottom>
@@ -109,13 +109,16 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
                 앱/웹의 UI/UX를 디자인합니다.
               </li>
               <li>
-                <span>Adobe XD, Sketch, Figma</span> 등의 툴을 사용해본 경험이
-                있거나, <span>UI/UX Design에 열정과 관심</span>이 있는 분들을
-                찾습니다.
+                <span>Figma</span> 등의 툴을 사용해본 경험이 있거나,{" "}
+                <span>UI/UX Design에 열정과 관심</span>이 있는 분들을 찾습니다.
+              </li>
+              <li>
+                <span>포토샵, 일러스트레이터</span> 사용 경험이 있으시면
+                좋습니다!
               </li>
               <li>
-                Figma 사용 경험이 많지 않으신 분들 한해서{" "}
-                <span>피그마 스터디</span>도 함께 진행할 예정입니다.
+                툴 사용 경험이 많지 않으신 분들 한해서 <span>스터디</span>도
+                함께 진행할 예정입니다.
               </li>
             </TopDescription>
           </InnerTop>
@@ -151,7 +154,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 03</span>
                 <h1>전체 신입회원 오리엔테이션</h1>
-                <p>추후 공지될 예정입니다.</p>
+                <p>9월 1일(일) 비대면으로 진행됩니다.</p>
               </StepDescription>
             </Step>
           </InnerBottom>

diff --git a/src/components/home/Introduce.tsx b/src/components/home/Introduce.tsx
@@ -18,7 +18,7 @@ export default function Introduce() {
       <IntroduceBottom>
         <BottomLine>
           <div>지원기간</div>
-          <div>2023.08.10(금) ~ 08.18(일) 23:59</div>
+          <div>2024.08.10(금) ~ 08.18(일) 23:59</div>
         </BottomLine>
         <BottomLine>
           <div>지원분야</div>