Merge pull request #50 from NewWays-TechForImpactKAIST/47-title-분기

NewWays-TechForImpactKAIST · Nov 30, 2023 · 7e770d9 · 7e770d9
2 parents f6b936f + 8d86626
commit 7e770d9
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 28 deletions.
diff --git a/src/components/molecules/LocalCouncilReportText/PartyText.tsx b/src/components/molecules/LocalCouncilReportText/PartyText.tsx
@@ -146,7 +146,7 @@ export const PartyText = ({
             명의 당선자가 나왔어요.{" "}
           </>
         ) : null}
-        {independentCount !== 0 ? (
+        {independentCount ? (
           // 무소속 당선자가 있으면 아래 텍스트 추가
           <>
             <br />

diff --git a/src/components/molecules/MetroCouncilReportText/PartyText.tsx b/src/components/molecules/MetroCouncilReportText/PartyText.tsx
@@ -137,7 +137,7 @@ export const PartyText = ({
             명의 당선자가 나왔어요.{" "}
           </>
         ) : null}
-        {independentCount !== 0 ? (
+        {independentCount ? (
           // 무소속 당선자가 있으면 아래 텍스트 추가
           <>
             <br />

diff --git a/src/components/molecules/NationalCouncilReportText/PartyText.tsx b/src/components/molecules/NationalCouncilReportText/PartyText.tsx
@@ -142,7 +142,7 @@ export const PartyText = ({
             명의 당선자가 나왔어요.{" "}
           </>
         ) : null}
-        {independentCount !== 0 ? (
+        {independentCount ? (
           // 무소속 당선자가 있으면 아래 텍스트 추가
           <>
             <br />

diff --git a/src/components/organisms/ReportIntro.tsx b/src/components/organisms/ReportIntro.tsx
@@ -1,13 +1,24 @@
 import { Typography } from "antd";
 import { css } from "@emotion/react";
-import { useLocalElectionYears } from "@/utils";
+import { useLocalElectionYears, useNationalElectionYears } from "@/utils";
 
 const { Title, Paragraph, Text } = Typography;
 
-const ReportIntro = () => {
+interface Props {
+  reportType: string;
+}
+
+const ReportIntro = ({ reportType }: Props) => {
   const localElectionYears = useLocalElectionYears();
-  const firstElection = localElectionYears[0];
-  const lastElection = localElectionYears[localElectionYears.length - 1];
+  const nationalElectionYears = useNationalElectionYears();
+  const firstElection =
+    reportType === "nationalCouncil"
+      ? nationalElectionYears[0]
+      : localElectionYears[0];
+  const lastElection =
+    reportType === "nationalCouncil"
+      ? nationalElectionYears[nationalElectionYears.length - 1]
+      : localElectionYears[localElectionYears.length - 1];
   return (
     <>
       <Title
@@ -16,26 +27,48 @@ const ReportIntro = () => {
           word-break: keep-all;
         `}
       >
-        우리동네 정치인 다양성 리포트
+        {reportType === "nationalCouncil"
+          ? "대한민국 국회 다양성 리포트"
+          : "우리동네 정치인 다양성 리포트"}
       </Title>
-      <Paragraph>
-        {lastElection.year}년 제{lastElection.ordinal}회 전국동시지방선거가 막을{" "}
-        내렸어요.
-        <br />
-        <br />
-        뉴웨이즈에서는 지난 {firstElection.year}년 지방선거부터{" "}
-        {lastElection.year}년 지방선거까지의 후보자와 당선자 데이터를 다양성{" "}
-        관점에서 분석해봤어요. 연령과 성별, 정당을 기준으로 각 지역의 다양성이{" "}
-        지난 선거 때와 비교해 어떻게 변화했는지 살펴보았어요.
-        <br />
-        <br />
-        과연 우리 동네는 어디까지 왔을까요?
-        <br />
-        <Text strong>
-          새로운 시대, 우리 동네에도 새로운 물결이 밀려오고 있을까요?
-          <br />
-        </Text>
-      </Paragraph>
+      {reportType === "nationalCouncil" ? (
+        <Paragraph>
+          {lastElection.year}년 제{lastElection.ordinal}회 총선 막을 내렸어요.
+          <br />
+          <br />
+          뉴웨이즈에서는 지난 {firstElection.year}년 총선부터{" "}
+          {lastElection.year}년 총선까지의 후보자와 당선자 데이터를 다양성{" "}
+          관점에서 분석해봤어요. 연령과 성별, 정당을 기준으로 각 지역의 다양성이
+          지난 선거 때와 비교해 어떻게 변화했는지 살펴보았어요.
+          <br />
+          <br />
+          과연 대한민국은 어디까지 왔을까요?
+          <br />
+          <Text strong>
+            새로운 시대, 국회에도 새로운 물결이 밀려오고 있을까요?
+            <br />
+          </Text>
+        </Paragraph>
+      ) : (
+        <Paragraph>
+          {lastElection.year}년 제{lastElection.ordinal}회 전국동시지방선거가
+          막을 내렸어요.
+          <br />
+          <br />
+          뉴웨이즈에서는 지난 {firstElection.year}년 지방선거부터{" "}
+          {lastElection.year}년 지방선거까지의 후보자와 당선자 데이터를 다양성{" "}
+          관점에서 분석해봤어요. 연령과 성별, 정당을 기준으로 각 지역의 다양성이
+          지난 선거 때와 비교해 어떻게 변화했는지 살펴보았어요.
+          <br />
+          <br />
+          과연 우리 동네는 어디까지 왔을까요?
+          <br />
+          <Text strong>
+            새로운 시대, 우리 동네에도 새로운 물결이 밀려오고 있을까요?
+            <br />
+          </Text>
+        </Paragraph>
+      )}
     </>
   );
 };

diff --git a/src/components/pages/MainPage.tsx b/src/components/pages/MainPage.tsx
@@ -11,13 +11,13 @@ import {
 } from "@/components/organisms";
 
 const MainPage = () => {
-  const { reportType } = useParams();
+  const { reportType = "" } = useParams();
 
   return (
     <Layout>
       <TabSelector />
       <Card>
-        <ReportIntro />
+        <ReportIntro reportType={reportType} />
         <Divider />
         {(() => {
           switch (reportType) {