diff --git a/src/components/Result.tsx b/src/components/Result.tsx index 3d2e2c9..b20f817 100644 --- a/src/components/Result.tsx +++ b/src/components/Result.tsx @@ -16,41 +16,32 @@ const Response = ({member}: any) => ( const Result = () => { const [agrees, setAgrees] = React.useState([]) - // const [disagrees, setDisagrees] = React.useState([]) + const [disagrees, setDisagrees] = React.useState([]) const fetchResponses = async () => { const { data: responses } = await client().get(`/api/responses`) const agreedCandidates = await joinPersonalInfo(responses.agreed) - // const disagreedCandidates = await joinPersonalInfo(responses.disagreed) + const disagreedCandidates = await joinPersonalInfo(responses.disagreed) setAgrees(agreedCandidates) - // setDisagrees(disagreedCandidates) + setDisagrees(disagreedCandidates) } async function joinPersonalInfo(candidates: any) { return Promise.all(candidates.map(async (candidate: any) => { - const candidateInfo = await fetch(`/candidates/${candidate.id}.json`).then((res) => res.json()) + const { data: candidateInfo } = await client().get(`/api/candidates/${candidate.id}`) const { choice, id } = candidate return { candidate: candidateInfo, choice, id } })) } + const electedAgrees = agrees.filter(e => e.candidate.elected) + React.useEffect(() => { fetchResponses() }, []) return (
- {/*
-

찬성한 당선자 목록

-
    - {agrees.filter(e => e.candidate.elected).map(response => ( -
  • - -
  • - ))} -
-
*/} - {agrees.length > 0 &&

동의한 후보 {agrees.length}명

@@ -64,9 +55,20 @@ const Result = () => {
} - {/* {disagrees.length > 0 && +
+

찬성한 후보 중 당선된 후보 {electedAgrees.length}명

+
    + {electedAgrees.map(response => ( +
  • + +
  • + ))} +
+
+ + {disagrees.length > 0 &&
-

반대한 후보 목록

+

반대한 후보 {disagrees.length}명

    {disagrees.map(response => (
  • @@ -75,7 +77,7 @@ const Result = () => { ))}
- } */} + }
) }