diff --git a/src/AppRouter.js b/src/AppRouter.js
index 1f8dbef..01b176c 100644
--- a/src/AppRouter.js
+++ b/src/AppRouter.js
@@ -25,7 +25,10 @@ function AppRouter() {
} />
} />
} />
- } />
+ }
+ />
} />
} />
} />
diff --git a/src/pages/Vote/VoteComplete/index.js b/src/pages/Vote/VoteComplete/index.js
index 81d291d..6faf6c9 100644
--- a/src/pages/Vote/VoteComplete/index.js
+++ b/src/pages/Vote/VoteComplete/index.js
@@ -1,25 +1,32 @@
/* eslint-disable import/no-unresolved */
import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
import {
StyledRoot,
MainText,
ContentBox,
Clothes,
Place,
+ Params,
HomeButton,
Text,
} from './style';
function VoteComplete() {
const navigate = useNavigate();
+ const { clothes } = useParams();
+ const { place } = useParams();
return (
투표가 등록되었어요
- 오늘 주경바막
- 조형예술관에서 허, 불허?
+
+ 오늘 {clothes}
+
+
+ {place}에서 허, 불허?
+
{
diff --git a/src/pages/Vote/VoteComplete/style.js b/src/pages/Vote/VoteComplete/style.js
index 682236d..cd3f02d 100644
--- a/src/pages/Vote/VoteComplete/style.js
+++ b/src/pages/Vote/VoteComplete/style.js
@@ -57,6 +57,14 @@ const Place = styled.p`
}
`;
+const Params = styled.b`
+ font-weight: ${({ theme: { font } }) => font.weight.bold};
+
+ ${applyMediaQuery('mobile')} {
+ font-weight: ${({ theme: { font } }) => font.weight.bold};
+ }
+`;
+
const HomeButton = styled.button`
width: 20rem;
height: 5rem;
@@ -83,4 +91,13 @@ const Text = styled.p`
}
`;
-export { StyledRoot, MainText, ContentBox, Clothes, Place, HomeButton, Text };
+export {
+ StyledRoot,
+ MainText,
+ ContentBox,
+ Clothes,
+ Place,
+ Params,
+ HomeButton,
+ Text,
+};
diff --git a/src/pages/Vote/index.js b/src/pages/Vote/index.js
index 495fe19..1480a07 100644
--- a/src/pages/Vote/index.js
+++ b/src/pages/Vote/index.js
@@ -1,5 +1,5 @@
-/* eslint-disable import/no-unresolved */
-import React, { useState } from 'react';
+/* eslint-disable */
+import React, { useState, useParams } from 'react';
import { useNavigate } from 'react-router-dom';
import { WhiteLeft } from 'assets';
import { HeaderIcon, PublicButton } from 'components';
@@ -21,23 +21,20 @@ import {
function Vote() {
const navigate = useNavigate();
- const [clothesText, setClothesText] = useState(true);
+ const [clothes, setClothes] = useState('');
+ const [place, setPlace] = useState('');
- const changeHandler = () => {
- setClothesText(false);
+ const cChangeHandler = e => {
+ setClothes(e.target.value);
};
- // const [content, setContent] = useState({
- // clothes: '',
- // place: '',
- // });
+ const pChangeHandler = e => {
+ setPlace(e.target.value);
+ };
- // const onChangeContent = e => {
- // setContent({
- // ...content,
- // [e.target.name]: e.target.value,
- // });
- // };
+ const handleSubmit = e => {
+ e.preventDefault();
+ };
return (
@@ -64,14 +61,14 @@ function Vote() {
오늘 이 옷*
-
@@ -82,7 +79,8 @@ function Vote() {
type="text"
name="place"
placeholder="옷을 입고 갈 장소를 적어주세요"
- // onChange={onChangeContent}
+ value={place}
+ onChange={pChangeHandler}
/>
@@ -91,10 +89,10 @@ function Vote() {
{
- navigate('/votecomplete');
+ navigate(`/votecomplete/${clothes}/${place}`);
}}
text="투표 만들기"
- isDisabled={clothesText}
+ isDisabled={clothes.length > 0 ? 0 : 1}
/>