fix

package-lock.json

@@ -7,6 +7,7 @@
     "": {
       "name": "hackathonficha",
       "version": "0.1.0",
+      "license": "ISC",
       "dependencies": {
         "@react-spring/web": "^9.5.5",
         "@testing-library/jest-dom": "^5.17.0",
@@ -31,7 +32,8 @@
         "workbox-routing": "^6.6.0",
         "workbox-strategies": "^6.6.0",
         "workbox-streams": "^6.6.0"
-      }
+      },
+      "devDependencies": {}
     },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",

src/App.css

@@ -0,0 +1,10 @@
+.App {
+    position: relative;
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
+  }
+  
+  .App.hidden {
+    opacity: 0;
+    pointer-events: none;
+  }

src/App.js

@@ -3,13 +3,19 @@ import Start from './components/Start/Start';
 import Second from './components/Second/Second';
 import Tinder from './components/Tinder/Tinder';
 import Map from './components/Map/Map';
+import './App.css'
 
 function App() {
   
   const [buttonValue, setButtonValue] = useState("");
+  const [isHidden, setIsHidden] = useState(false);
 
   const handleButtonValue = (value) => {
-    setButtonValue(value);
+    setIsHidden(true);
+    setTimeout(() => {
+      setIsHidden(false);
+      setButtonValue(value);
+    }, 300);
   };
 
   let content = null;
@@ -27,7 +33,7 @@ function App() {
   }
 
   return (
-    <div className="App">
+    <div className={`App ${isHidden ? 'hidden' : ''}`}>
       {content}
     </div>
   );

src/components/Start/Start.js

@@ -12,6 +12,7 @@ const Start = (props) => {
             flexWrap: 'wrap',
             justifyContent: 'space-evenly',
             height: '95vh',
+            overflow: 'hidden',
         }}>
             <span style={{
                 display: 'flex',

src/components/Tinder/Tinder.js

@@ -17,7 +17,6 @@ const Tinder = (props) => {
           axios.get('https://easytravel.zetcraft.ru/v1/GetAllCards')
             .then(response => {
               setCardInfo(response.data);
-
               console.log(cardInfo.length);
             })
             .catch(error => {