2021-1-capstone-design1 / GCL_Project1

Go to a project
Toggle navigation Toggle navigation pinning
이승윤
d4d0213d 1 parent 8c811693

feat: 검색 URI 디코딩

Inline Side-by-side
Showing 1 changed file with 3 additions and 4 deletions
...@@ -17,7 +17,6 @@ const InputWrap = styled.div` ...@@ -17,7 +17,6 @@ const InputWrap = styled.div`
17 width: 70%; 17 width: 70%;
18 height: 100%; 18 height: 100%;
19 color: ${props => inputColorMap[props.color].color}; 19 color: ${props => inputColorMap[props.color].color};
20 - box-shadow: 2px 3px 28px 1px rgba(0, 0, 0, 0.1);
21 outline: none; 20 outline: none;
22 font-size: ${props => props.size}; 21 font-size: ${props => props.size};
23 border: 3px solid ${props => inputColorMap[props.color].borderColor}; 22 border: 3px solid ${props => inputColorMap[props.color].borderColor};
...@@ -63,7 +62,7 @@ const MyInput = ({ ...@@ -63,7 +62,7 @@ const MyInput = ({
63 variant="unstyled" 62 variant="unstyled"
64 placeholder={placeholder} 63 placeholder={placeholder}
65 type="text" 64 type="text"
66 - value={query} 65 + value={decodeURIComponent(query)}
67 onChange={e => setQuery(e.target.value)} 66 onChange={e => setQuery(e.target.value)}
68 onKeyPress={e => { 67 onKeyPress={e => {
69 if (e.key === 'Enter') { 68 if (e.key === 'Enter') {
...@@ -72,7 +71,7 @@ const MyInput = ({ ...@@ -72,7 +71,7 @@ const MyInput = ({
72 return; 71 return;
73 } 72 }
74 const params = new URLSearchParams({ query }); 73 const params = new URLSearchParams({ query });
75 - history.push(`search?${params.toString()}`); 74 + history.push(`search?${decodeURIComponent(params.toString())}`);
76 } 75 }
77 }} 76 }}
78 /> 77 />
...@@ -80,7 +79,7 @@ const MyInput = ({ ...@@ -80,7 +79,7 @@ const MyInput = ({
80 <SearchIconWrap 79 <SearchIconWrap
81 onClick={() => { 80 onClick={() => {
82 const params = new URLSearchParams({ query }); 81 const params = new URLSearchParams({ query });
83 - history.push(`search?${params.toString()}`); 82 + history.push(`search?${decodeURIComponent(params.toString())}`);
84 }} 83 }}
85 > 84 >
86 <SearchBox color="blue" size="50px" display={display} /> 85 <SearchBox color="blue" size="50px" display={display} />
......