Merge pull request #118 from sipe-team/develop

4기 모집을 위한 수정사항 배포

Author: ProdMoon

.github/CODEOWNERS

@@ -0,0 +1 @@
+*  @froggy1014 @azure-553 @ProdMoon @frontman-git @saseungmin @danmin20 @tara-JSW @joel-jo-querypie @jiji-hoon96 @KimHunJin @hy57in @synuns @sudosubin

.github/auto_assign.yml

@@ -0,0 +1,9 @@
+addReviewers: true
+addAssignees: true
+
+reviewers:
+  - azure-553
+  - ProdMoon
+  - froggy1014
+  - frontman-git
+

.gitignore

@@ -21,7 +21,7 @@ dist-ssr
 *.sln
 *.sw?
 
-.env
+.env*
 
 # Zero Install: https://yarnpkg.com/features/zero-installs
 .yarn/*
@@ -37,3 +37,5 @@ dist-ssr
 
 # google spreadsheet data
 src/db/*.json
+.vercel
+

next.config.js

@@ -8,6 +8,7 @@ const nextConfig = {
   },
   output: 'standalone',
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: 'https',

src/app/people/page.tsx

@@ -31,14 +31,12 @@ function Page({ searchParams }: { searchParams?: SearchParams }) {
     .sort((a, b) => sortDescending(a[0], b[0]))
     .map(([generation]) => generation);
 
-  const selectedPeopleGeneration = searchParams?.generation || '2';
+  const selectedPeopleGeneration = searchParams?.generation || '3';
   const currentPeople = people[selectedPeopleGeneration];
 
   const sortedCurrentPeople = [...currentPeople].sort((a, b) => {
-    if (a.isOrganizer || b.isOrganizer) {
-      return 1;
-    }
-
+    if (a.isOrganizer && !b.isOrganizer) return -1;
+    if (!a.isOrganizer && b.isOrganizer) return 1;
     return a.name.localeCompare(b.name);
   });
 

src/components/organisms/home/RecruitmentStatusSection/index.tsx

@@ -1,20 +1,14 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
 import { sendGAEvent } from '@next/third-parties/google';
 
 import Button from '@/components/molecules/Button';
+import RecruitmentSummary from '@/components/organisms/home/RecruitmentSummary';
 import useCopy from '@/hook/useCopyToClipboard';
 import { displayApplication, getCurrentStatus } from '@/libs/utils/recruit';
 
 import styles from './index.module.scss';
 
-const RecruitmentSummary = dynamic(
-  () => import('@/components/organisms/home/RecruitmentSummary'),
-  { ssr: false },
-);
-
 function RecruitmentStatusSection() {
   const now = Date.now();
   const currentStatus = getCurrentStatus(now);

src/components/organisms/home/RecruitmentSummary/index.module.scss

@@ -0,0 +1,12 @@
+.timerWrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+
+    .timerDescription {
+      font-size: 1.4rem;
+      font-weight: 500;
+      color: #fff;
+    }
+}

src/components/organisms/home/RecruitmentSummary/index.tsx

@@ -3,34 +3,48 @@ import SummaryCard from '@/components/organisms/home/SummaryCards';
 import useTimer from '@/hook/useTimer';
 import { displayApplication } from '@/libs/utils/recruit';
 
+import styles from './index.module.scss';
+
 type Props = {
   currentStatus: 'before' | 'ongoing' | 'after';
 };
 
 function RecruitmentSummary({ currentStatus }: Props) {
-  const isRecruiting = currentStatus !== 'after';
   const currentApplicationDetail = displayApplication[currentStatus];
-
   const { dates, hours, minutes, seconds } = useTimer(
     currentApplicationDetail?.dueDate,
-    isRecruiting ? 1000 : null,
+    1000,
   );
 
-  return (
-    <>
-      {currentStatus === 'after' ? (
-        <SummaryCard />
-      ) : (
+  const elements = {
+    before: () => (
+      <div className={styles.timerWrapper}>
+        <div className={styles.timerDescription}>모집 시작까지</div>
         <Timer
           dates={dates}
           hours={hours}
           minutes={minutes}
           seconds={seconds}
-          isRecruiting={isRecruiting}
+          isRecruiting={true}
         />
-      )}
-    </>
-  );
+      </div>
+    ),
+    ongoing: () => (
+      <div className={styles.timerWrapper}>
+        <div className={styles.timerDescription}>모집 마감까지</div>
+        <Timer
+          dates={dates}
+          hours={hours}
+          minutes={minutes}
+          seconds={seconds}
+          isRecruiting={true}
+        />
+      </div>
+    ),
+    after: () => <SummaryCard />,
+  };
+
+  return elements[currentStatus]();
 }
 
 export default RecruitmentSummary;

src/components/organisms/home/SummaryCards/index.tsx

@@ -2,8 +2,8 @@ import styles from './index.module.scss';
 
 const summaryData = [
   { title: '누적 지원자 수', value: '400+' },
-  { title: '총 참여자 수', value: '60+' },
-  { title: '누적 미션 수', value: '30+' },
+  { title: '총 참여자 수', value: '101' },
+  { title: '누적 미션 수', value: '51' },
 ];
 
 function SummaryCards() {

src/components/pages/Home/index.tsx

@@ -21,7 +21,7 @@ function Home() {
           Sharing Insights <br /> with People Everyday
         </h1>
         <h2 className={styles.subTitle}>
-          개발자들이 함께 교류하며 성장하는 IT 커뮤니티
+          다양한 활동으로 함께 성장하는 현직 개발자들의 커뮤니티
         </h2>
       </div>
       <RecruitmentStatusSection />