fix

src/components/Start/Start.js

@@ -12,6 +12,7 @@ const Start = (props) => {
             flexWrap: 'wrap',
             justifyContent: 'space-evenly',
             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%)',
             overflow: 'hidden',
         }}>
             <span style={{

src/components/Tinder/Tinder.css

@@ -7,7 +7,6 @@
     align-items: center;
     flex-direction: column;
     overflow: hidden;
-    background-color: #fff;
   }
   
   .card-container {

src/components/Tinder/Tinder.js

@@ -6,25 +6,11 @@ import axios from 'axios';
 const Tinder = (props) => {
 
     const route = props.getValue;
+    const cardInfo = props.cardInfo;
 
     const [lastDirection, setLastDirection] = useState();
     const [cardId, setCardId] = useState([]);
     const [allIds, setAllIds] = useState([]);
-    const [cardInfo, setCardInfo] = useState([]);
-
-    useEffect(() => {
-        const fetchData = () => {
-          axios.get('https://easytravel.zetcraft.ru/v1/GetAllCards')
-            .then(response => {
-              setCardInfo(response.data);
-              console.log(cardInfo.length);
-            })
-            .catch(error => {
-              console.error('Error fetching data:', error);
-            });
-        }
-        fetchData();
-      }, []);
 
     const swiped = (direction, id) => {
         setLastDirection(direction);