{
alignContent: 'center',
flexWrap: 'wrap',
justifyContent: 'space-between',
- height:{windowHeight} ,
+ height: '95vh' ,
background: 'linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%)',
filter: 'blur 2',
paddingBottom:10,
-
+ overflow: 'hidden',
}}>
-
-
-
)
}
-export default Second;
\ No newline at end of file
+export default Second;
diff --git a/src/components/Start/Start.js b/src/components/Start/Start.js
index 4b2eee3..00a0762 100644
--- a/src/components/Start/Start.js
+++ b/src/components/Start/Start.js
@@ -10,13 +10,29 @@ const Start = (props) => {
flexDirection: 'column',
alignContent: 'center',
flexWrap: 'wrap',
- justifyContent: 'space-between',
+ justifyContent: 'space-evenly',
height: '95vh',
}}>
- {
gap:20,
alignItems:'center',
}}>
-
@@ -53,14 +38,11 @@ const Second = (props) => {
gap:20,
alignItems:'center',
}}>
-
-
+
+
Давайте знакомиться!
-Пройдите небольшой тест,
чтобы мы подобрали интересные
+
Давайте знакомиться!
+Пройдите небольшой тест,
чтобы мы подобрали интересные
для вас мероприятия
просто!
+ ) }; -export default Start; \ No newline at end of file +export default Start; diff --git a/src/components/Start/kek.html b/src/components/Start/kek.html new file mode 100644 index 0000000..d7a1ce8 --- /dev/null +++ b/src/components/Start/kek.html @@ -0,0 +1,2776 @@ + + + + + diff --git a/src/components/Tinder/Tinder.js b/src/components/Tinder/Tinder.js index 5443f36..5decbb4 100644 --- a/src/components/Tinder/Tinder.js +++ b/src/components/Tinder/Tinder.js @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import React, {useEffect, useState} from 'react'; import TinderCard from 'react-tinder-card'; import './Tinder.css'; @@ -29,13 +29,17 @@ const db = [ const route = props.getValue; - const characters = db; + useEffect(() => { + console.log(characters[0]) + }); + + const characters = props.cardData; const [lastDirection, setLastDirection] = useState(); const [cardId, setCardId] = useState([]); const [allIds, setAllIds] = useState([]); const [cardLenth, setCardLenth] = useState(false); - let uniqueTags = []; + let uniqueTags = [...characters]; let allTags = []; const swiped = (direction, id) => { @@ -48,20 +52,20 @@ const db = [ const getId = () => { - uniqueTags = cardId.filter(function(elem, pos) { - return cardId.indexOf(elem) === pos; - }); + // uniqueTags = cardId.filter(function(elem, pos) { + // return cardId.indexOf(elem) === pos; + // }); - allTags = allIds.filter(function(elem, pos){ - return allIds.indexOf(elem) === pos; - }); + // allTags = allIds.filter(function(elem, pos){ + // return allIds.indexOf(elem) === pos; + // }); - characters.length === allTags.length ? setCardLenth(true) : setCardLenth(false); + // characters.length === allTags.length ? setCardLenth(true) : setCardLenth(false); - if(cardLenth) { - route('/map') - } - + // if(cardLenth) { + // route('/map') + // } + console.log(uniqueTags); } return ( @@ -81,9 +85,9 @@ const db = [
-