khusat / khusat-front

Go to a project
Toggle navigation Toggle navigation pinning
이준호
4af4ebd8 1 parent 56d58621

feat: 이미지 슬라이더 작성 중

Inline Side-by-side
Showing 12 changed files with 254 additions and 60 deletions
...@@ -14,6 +14,8 @@ ...@@ -14,6 +14,8 @@
14 "react-router-dom": "^5.2.0", 14 "react-router-dom": "^5.2.0",
15 "react-scripts": "4.0.0", 15 "react-scripts": "4.0.0",
16 "sass-loader": "^10.1.0", 16 "sass-loader": "^10.1.0",
17 + "styled-components": "^5.2.1",
18 + "swiper": "^6.3.5",
17 "web-vitals": "^0.2.4" 19 "web-vitals": "^0.2.4"
18 }, 20 },
19 "scripts": { 21 "scripts": {
......
1 -.App {
2 - text-align: center;
3 -}
4 -
5 -.App-logo {
6 - height: 40vmin;
7 - pointer-events: none;
8 -}
9 -
10 -@media (prefers-reduced-motion: no-preference) {
11 - .App-logo {
12 - animation: App-logo-spin infinite 20s linear;
13 - }
14 -}
15 -
16 -.App-header {
17 - background-color: #282c34;
18 - min-height: 100vh;
19 - display: flex;
20 - flex-direction: column;
21 - align-items: center;
22 - justify-content: center;
23 - font-size: calc(10px + 2vmin);
24 - color: white;
25 -}
26 -
27 -.App-link {
28 - color: #61dafb;
29 -}
30 -
31 -@keyframes App-logo-spin {
32 - from {
33 - transform: rotate(0deg);
34 - }
35 - to {
36 - transform: rotate(360deg);
37 - }
38 -}
1 -import './App.css'; 1 +import "./App.scss";
2 -import MainPage from './pages/MainPage'; 2 +import MainPage from "./pages/MainPage";
3 -import {BrowserRouter,Route,Switch} from 'react-router-dom'; 3 +import SurveyPage from "./pages/SurveyPage";
4 +import { BrowserRouter, Route, Switch } from "react-router-dom";
4 5
5 function App() { 6 function App() {
6 return ( 7 return (
7 <BrowserRouter> 8 <BrowserRouter>
8 - <Switch> 9 + <div className="App">
9 - <Route exact to="/" component={MainPage}/> 10 + <Switch>
10 - <Route to="/survey"></Route> 11 + <Route exact path="/" component={MainPage} />
11 - </Switch> 12 + <Route path="/survey" component={SurveyPage} />
13 + </Switch>
14 + </div>
12 </BrowserRouter> 15 </BrowserRouter>
13 ); 16 );
14 } 17 }
......
1 +.App{
2 + min-width: 600px;
3 +}
...\ No newline at end of file ...\ No newline at end of file
1 import React from 'react'; 1 import React from 'react';
2 +import './Card.scss';
2 3
3 -function Card(){ 4 +function Card({data,onClick}){
5 + // type: true false
4 return( 6 return(
5 <> 7 <>
6 - <div className="card"> 8 + <div className="card" onClick={onClick}>
7 - <div className="card__content">"나는 오랫동안 서 있을 수 있다."</div> 9 + <div className="card__desc">{data.desc}</div>
10 + <div className="card__content">{data.ans1}</div>
11 + <div className="card__content">{data.ans2}</div>
8 </div> 12 </div>
9 </> 13 </>
10 ); 14 );
11 } 15 }
16 +// 나중에 데이터 넘어오면 넘어온 데이터로 카드 업데이트
12 17
13 export default Card; 18 export default Card;
...\ No newline at end of file ...\ No newline at end of file
......
1 .card{ 1 .card{
2 - width: 5rem; 2 + display: flex;
3 - height: 1rem; 3 + flex-direction: column;
4 - background-color: #536349; 4 + align-items: center;
5 + width: 30rem;
6 + font-size: 2rem;
7 + font-weight: bold;
8 +
9 + &__desc{
10 + font-size: 2rem;
11 + font-weight: bold;
12 + margin-bottom: 6rem;
13 + }
14 +
15 + &__content{
16 + cursor: pointer;
17 + width: 25rem;
18 + height: 5rem;
19 + margin: 1rem;
20 + font-size: 1rem;
21 + border-radius: 1rem;
22 + color: #ffffff;
23 + background-color: #536349;
24 + display: flex;
25 + justify-content: center;
26 + align-items: center;
27 + }
5 } 28 }
...\ No newline at end of file ...\ No newline at end of file
......
1 +import { Swiper, SwiperSlide } from 'swiper/react';
2 +// Import Swiper styles
3 +import 'swiper/swiper.scss';
4 +
5 +export default () => {
6 + return (
7 + <Swiper
8 + spaceBetween={50}
9 + slidesPerView={3}
10 + onSlideChange={() => console.log('slide change')}
11 + onSwiper={(swiper) => console.log(swiper)}
12 + >
13 + <SwiperSlide>Slide 1</SwiperSlide>
14 + <SwiperSlide>Slide 2</SwiperSlide>
15 + <SwiperSlide>Slide 3</SwiperSlide>
16 + <SwiperSlide>Slide 4</SwiperSlide>
17 + </Swiper>
18 + );
19 + };
...\ No newline at end of file ...\ No newline at end of file
1 body { 1 body {
2 font-size: 10px; 2 font-size: 10px;
3 margin: 0; 3 margin: 0;
4 + box-sizing: border-box;
4 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 5 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
5 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 6 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
6 sans-serif; 7 sans-serif;
......
...@@ -3,10 +3,10 @@ import './MainPage.scss'; ...@@ -3,10 +3,10 @@ import './MainPage.scss';
3 import ProgressBar from "../components/progressbar/ProgressBar"; 3 import ProgressBar from "../components/progressbar/ProgressBar";
4 import {Button} from "antd"; 4 import {Button} from "antd";
5 5
6 -function MainPage(){ 6 +function MainPage({history}){
7 const [percent,setPercent] = useState(30); 7 const [percent,setPercent] = useState(30);
8 const onClick = () => { 8 const onClick = () => {
9 - 9 + history.push('/survey');
10 } 10 }
11 11
12 return( 12 return(
......
1 -import React from 'react'; 1 +import React, { useState, useRef } from "react";
2 +import Card from "../components/card/Card";
3 +import ProgressBar from "../components/progressbar/ProgressBar";
4 +import "./SurveyPage.scss";
2 5
3 -function SurveyPage(){ 6 +const cardList = [
7 + {
8 + index: 0,
9 + desc: "나는 오랫동안 서 있을 수 있다.",
10 + ans1: "그렇습니다.",
11 + ans2: "아닙니다.",
12 + },
13 + {
14 + index: 1,
15 + desc: "배경호는 오랫동안 서 있을 수 있다.",
16 + ans1: "그렇습니다.",
17 + ans2: "아닙니다.",
18 + },
19 + {
20 + index: 2,
21 + desc: "이준호는 오랫동안 서 있을 수 있다.",
22 + ans1: "그렇습니다.",
23 + ans2: "아닙니다.",
24 + },
25 + {
26 + index: 3,
27 + desc: "박기홍은 오랫동안 서 있을 수 있다.",
28 + ans1: "그렇습니다.",
29 + ans2: "아닙니다.",
30 + },
31 +];
4 32
33 +function SurveyPage() {
34 + const [curIdx, setCurIdx] = useState(0);
35 + const clickToNext = (index) =>{
36 + setCurIdx(curIdx+1);
37 + }
38 +
39 + return (
40 + <div className="container">
41 + <div className="container__progress">
42 + <ProgressBar percent={curIdx*10} />
43 + </div>
44 + <div className="slider">
45 + {cardList.map((card) => (
46 + <div className="slider__wrapper">
47 + <Card
48 + data={card}
49 + onClick={()=>clickToNext(card.index)}
50 + style={{
51 + transform: `translateX(${-30*card.index}rem)`,
52 + transition: "0.5s",
53 + }}
54 + />
55 + </div>
56 + ))}
57 + </div>
58 + </div>
59 + );
5 } 60 }
6 61
7 -export default SurveyPage;
...\ No newline at end of file ...\ No newline at end of file
62 +export default SurveyPage;
......
1 +.container{
2 + display: flex;
3 + flex-direction: column;
4 + justify-content: center;
5 + align-items: center;
6 + margin-top: 10rem;
7 +}
8 +
9 +.slider{
10 + border: 1px solid gray;
11 + width: 30rem;
12 + display: flex;
13 + align-items: center;
14 + margin: 0;
15 + // overflow: hidden;
16 +
17 + &__wrapper{
18 + border: 1px solid red;
19 + width: 30rem;
20 + }
21 +
22 + &__desc{
23 + font-size: 2rem;
24 + font-weight: bold;
25 + margin-bottom: 2rem;
26 + }
27 +}
28 +
29 +// swiper
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
131 lodash "^4.17.13" 131 lodash "^4.17.13"
132 source-map "^0.5.0" 132 source-map "^0.5.0"
133 133
134 -"@babel/helper-annotate-as-pure@^7.10.4": 134 +"@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.10.4":
135 version "7.10.4" 135 version "7.10.4"
136 resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3" 136 resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3"
137 integrity sha512-XQlqKQP4vXFB7BN8fEEerrmYvHp3fK/rBkRFz9jaJbzK0B1DSfej9Kc7ZzE8Z/OnId1jpJdNAZ3BFQjWG68rcA== 137 integrity sha512-XQlqKQP4vXFB7BN8fEEerrmYvHp3fK/rBkRFz9jaJbzK0B1DSfej9Kc7ZzE8Z/OnId1jpJdNAZ3BFQjWG68rcA==
...@@ -1285,7 +1285,7 @@ ...@@ -1285,7 +1285,7 @@
1285 globals "^11.1.0" 1285 globals "^11.1.0"
1286 lodash "^4.17.13" 1286 lodash "^4.17.13"
1287 1287
1288 -"@babel/traverse@^7.10.4", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.5": 1288 +"@babel/traverse@^7.10.4", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.5", "@babel/traverse@^7.4.5":
1289 version "7.12.5" 1289 version "7.12.5"
1290 resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.5.tgz#78a0c68c8e8a35e4cacfd31db8bb303d5606f095" 1290 resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.5.tgz#78a0c68c8e8a35e4cacfd31db8bb303d5606f095"
1291 integrity sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA== 1291 integrity sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA==
...@@ -1346,6 +1346,28 @@ ...@@ -1346,6 +1346,28 @@
1346 resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.1.6.tgz#2d0ea7d433a34b1682e2e312e8a04812210fcc60" 1346 resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.1.6.tgz#2d0ea7d433a34b1682e2e312e8a04812210fcc60"
1347 integrity sha512-9RUTT3omv+5mSYFVsX143R7cTDQmT1FibCzoUVmO294mRIT0Sc8dk5srN27BTH0JKzQDWKkNCKh6q/+EkNfpkA== 1347 integrity sha512-9RUTT3omv+5mSYFVsX143R7cTDQmT1FibCzoUVmO294mRIT0Sc8dk5srN27BTH0JKzQDWKkNCKh6q/+EkNfpkA==
1348 1348
1349 +"@emotion/is-prop-valid@^0.8.8":
1350 + version "0.8.8"
1351 + resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
1352 + integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
1353 + dependencies:
1354 + "@emotion/memoize" "0.7.4"
1355 +
1356 +"@emotion/memoize@0.7.4":
1357 + version "0.7.4"
1358 + resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
1359 + integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
1360 +
1361 +"@emotion/stylis@^0.8.4":
1362 + version "0.8.5"
1363 + resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
1364 + integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
1365 +
1366 +"@emotion/unitless@^0.7.4":
1367 + version "0.7.5"
1368 + resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
1369 + integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
1370 +
1349 "@eslint/eslintrc@^0.2.1": 1371 "@eslint/eslintrc@^0.2.1":
1350 version "0.2.1" 1372 version "0.2.1"
1351 resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.1.tgz#f72069c330461a06684d119384435e12a5d76e3c" 1373 resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.1.tgz#f72069c330461a06684d119384435e12a5d76e3c"
...@@ -2916,6 +2938,21 @@ babel-plugin-named-asset-import@^0.3.7: ...@@ -2916,6 +2938,21 @@ babel-plugin-named-asset-import@^0.3.7:
2916 resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz#156cd55d3f1228a5765774340937afc8398067dd" 2938 resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz#156cd55d3f1228a5765774340937afc8398067dd"
2917 integrity sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw== 2939 integrity sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==
2918 2940
2941 +"babel-plugin-styled-components@>= 1":
2942 + version "1.11.1"
2943 + resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.11.1.tgz#5296a9e557d736c3186be079fff27c6665d63d76"
2944 + integrity sha512-YwrInHyKUk1PU3avIRdiLyCpM++18Rs1NgyMXEAQC33rIXs/vro0A+stf4sT0Gf22Got+xRWB8Cm0tw+qkRzBA==
2945 + dependencies:
2946 + "@babel/helper-annotate-as-pure" "^7.0.0"
2947 + "@babel/helper-module-imports" "^7.0.0"
2948 + babel-plugin-syntax-jsx "^6.18.0"
2949 + lodash "^4.17.11"
2950 +
2951 +babel-plugin-syntax-jsx@^6.18.0:
2952 + version "6.18.0"
2953 + resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
2954 + integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
2955 +
2919 babel-plugin-syntax-object-rest-spread@^6.8.0: 2956 babel-plugin-syntax-object-rest-spread@^6.8.0:
2920 version "6.13.0" 2957 version "6.13.0"
2921 resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5" 2958 resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
...@@ -3415,6 +3452,11 @@ camelcase@^6.0.0, camelcase@^6.1.0: ...@@ -3415,6 +3452,11 @@ camelcase@^6.0.0, camelcase@^6.1.0:
3415 resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809" 3452 resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809"
3416 integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg== 3453 integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==
3417 3454
3455 +camelize@^1.0.0:
3456 + version "1.0.0"
3457 + resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
3458 + integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
3459 +
3418 caniuse-api@^3.0.0: 3460 caniuse-api@^3.0.0:
3419 version "3.0.0" 3461 version "3.0.0"
3420 resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0" 3462 resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
...@@ -4030,6 +4072,11 @@ css-blank-pseudo@^0.1.4: ...@@ -4030,6 +4072,11 @@ css-blank-pseudo@^0.1.4:
4030 dependencies: 4072 dependencies:
4031 postcss "^7.0.5" 4073 postcss "^7.0.5"
4032 4074
4075 +css-color-keywords@^1.0.0:
4076 + version "1.0.0"
4077 + resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
4078 + integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
4079 +
4033 css-color-names@0.0.4, css-color-names@^0.0.4: 4080 css-color-names@0.0.4, css-color-names@^0.0.4:
4034 version "0.0.4" 4081 version "0.0.4"
4035 resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0" 4082 resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
...@@ -4101,6 +4148,15 @@ css-select@^2.0.0: ...@@ -4101,6 +4148,15 @@ css-select@^2.0.0:
4101 domutils "^1.7.0" 4148 domutils "^1.7.0"
4102 nth-check "^1.0.2" 4149 nth-check "^1.0.2"
4103 4150
4151 +css-to-react-native@^3.0.0:
4152 + version "3.0.0"
4153 + resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
4154 + integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
4155 + dependencies:
4156 + camelize "^1.0.0"
4157 + css-color-keywords "^1.0.0"
4158 + postcss-value-parser "^4.0.2"
4159 +
4104 css-tree@1.0.0-alpha.37: 4160 css-tree@1.0.0-alpha.37:
4105 version "1.0.0-alpha.37" 4161 version "1.0.0-alpha.37"
4106 resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22" 4162 resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
...@@ -4548,6 +4604,13 @@ dom-serializer@0: ...@@ -4548,6 +4604,13 @@ dom-serializer@0:
4548 domelementtype "^2.0.1" 4604 domelementtype "^2.0.1"
4549 entities "^2.0.0" 4605 entities "^2.0.0"
4550 4606
4607 +dom7@^3.0.0-alpha.7:
4608 + version "3.0.0"
4609 + resolved "https://registry.yarnpkg.com/dom7/-/dom7-3.0.0.tgz#b861ce5d67a6becd7aaa3ad02942ff14b1240331"
4610 + integrity sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==
4611 + dependencies:
4612 + ssr-window "^3.0.0-alpha.1"
4613 +
4551 domain-browser@^1.1.1: 4614 domain-browser@^1.1.1:
4552 version "1.2.0" 4615 version "1.2.0"
4553 resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda" 4616 resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
...@@ -6027,7 +6090,7 @@ hmac-drbg@^1.0.0: ...@@ -6027,7 +6090,7 @@ hmac-drbg@^1.0.0:
6027 minimalistic-assert "^1.0.0" 6090 minimalistic-assert "^1.0.0"
6028 minimalistic-crypto-utils "^1.0.1" 6091 minimalistic-crypto-utils "^1.0.1"
6029 6092
6030 -hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.2: 6093 +hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.2:
6031 version "3.3.2" 6094 version "3.3.2"
6032 resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45" 6095 resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
6033 integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw== 6096 integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
...@@ -11618,6 +11681,11 @@ sshpk@^1.7.0: ...@@ -11618,6 +11681,11 @@ sshpk@^1.7.0:
11618 safer-buffer "^2.0.2" 11681 safer-buffer "^2.0.2"
11619 tweetnacl "~0.14.0" 11682 tweetnacl "~0.14.0"
11620 11683
11684 +ssr-window@^3.0.0-alpha.1, ssr-window@^3.0.0-alpha.4:
11685 + version "3.0.0"
11686 + resolved "https://registry.yarnpkg.com/ssr-window/-/ssr-window-3.0.0.tgz#fd5b82801638943e0cc704c4691801435af7ac37"
11687 + integrity sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==
11688 +
11621 ssri@^6.0.1: 11689 ssri@^6.0.1:
11622 version "6.0.1" 11690 version "6.0.1"
11623 resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8" 11691 resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
...@@ -11921,6 +11989,22 @@ style-loader@1.3.0: ...@@ -11921,6 +11989,22 @@ style-loader@1.3.0:
11921 loader-utils "^2.0.0" 11989 loader-utils "^2.0.0"
11922 schema-utils "^2.7.0" 11990 schema-utils "^2.7.0"
11923 11991
11992 +styled-components@^5.2.1:
11993 + version "5.2.1"
11994 + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.2.1.tgz#6ed7fad2dc233825f64c719ffbdedd84ad79101a"
11995 + integrity sha512-sBdgLWrCFTKtmZm/9x7jkIabjFNVzCUeKfoQsM6R3saImkUnjx0QYdLwJHBjY9ifEcmjDamJDVfknWm1yxZPxQ==
11996 + dependencies:
11997 + "@babel/helper-module-imports" "^7.0.0"
11998 + "@babel/traverse" "^7.4.5"
11999 + "@emotion/is-prop-valid" "^0.8.8"
12000 + "@emotion/stylis" "^0.8.4"
12001 + "@emotion/unitless" "^0.7.4"
12002 + babel-plugin-styled-components ">= 1"
12003 + css-to-react-native "^3.0.0"
12004 + hoist-non-react-statics "^3.0.0"
12005 + shallowequal "^1.1.0"
12006 + supports-color "^5.5.0"
12007 +
11924 stylehacks@^4.0.0: 12008 stylehacks@^4.0.0:
11925 version "4.0.3" 12009 version "4.0.3"
11926 resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5" 12010 resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
...@@ -11935,7 +12019,7 @@ supports-color@^2.0.0: ...@@ -11935,7 +12019,7 @@ supports-color@^2.0.0:
11935 resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" 12019 resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
11936 integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc= 12020 integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
11937 12021
11938 -supports-color@^5.3.0: 12022 +supports-color@^5.3.0, supports-color@^5.5.0:
11939 version "5.5.0" 12023 version "5.5.0"
11940 resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" 12024 resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
11941 integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow== 12025 integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
...@@ -11988,6 +12072,14 @@ svgo@^1.0.0, svgo@^1.2.2: ...@@ -11988,6 +12072,14 @@ svgo@^1.0.0, svgo@^1.2.2:
11988 unquote "~1.1.1" 12072 unquote "~1.1.1"
11989 util.promisify "~1.0.0" 12073 util.promisify "~1.0.0"
11990 12074
12075 +swiper@^6.3.5:
12076 + version "6.3.5"
12077 + resolved "https://registry.yarnpkg.com/swiper/-/swiper-6.3.5.tgz#7444b680d0fdafe84859825ac3559b5b01bd1916"
12078 + integrity sha512-MZkkVJ+sXukp6G3Z3BlKayhBjRIQuO1TZaTlH7ooI/0qbH0kkmItFMjFo19nOOsJaDXglA32xqyc9KCtmbJv0w==
12079 + dependencies:
12080 + dom7 "^3.0.0-alpha.7"
12081 + ssr-window "^3.0.0-alpha.4"
12082 +
11991 symbol-tree@^3.2.4: 12083 symbol-tree@^3.2.4:
11992 version "3.2.4" 12084 version "3.2.4"
11993 resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" 12085 resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
......