Test

src/components/Second/Second.js

@@ -1,26 +1,11 @@
-import React, { useEffect, useState } from "react"
+import React from "react"
 import './style.css'
 import Icon from './images/Vector.svg'
 
 
 const Second = (props) => {
 
-    const [windowWidth, setWindowWidth] = useState(window.innerWidth)
-    const [windowHeight, setWindowHeight] = useState(window.innerHeight)
-
-    const handleResize = () => {
-        setWindowWidth(window.innerWidth)
-        setWindowHeight(window.innerHeight)
-    }
-
-    const route = props.getValue
-
-    useEffect(() => {
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        }
-    }, [])
+    const route = props.getValue;
 
     return (
         <div style={{
@@ -29,11 +14,11 @@ const Second = (props) => {
             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',
         }}>
                <img src={Icon} alt='#'/>
                <div style={{
@@ -42,8 +27,8 @@ const Second = (props) => {
                 gap:20,
                 alignItems:'center',
                }}>
-                <h1 class="main_text">Давайте знакомиться!</h1>
-                <p class="text">Пройдите небольшой тест,<br/> чтобы мы подобрали интересные<br/>
+                <h1 className="main_text">Давайте знакомиться!</h1>
+                <p className="text">Пройдите небольшой тест,<br/> чтобы мы подобрали интересные<br/>
               для вас мероприятия</p>
                </div>
                 
@@ -53,14 +38,11 @@ const Second = (props) => {
                 gap:20,
                 alignItems:'center',
                }}>
-                  <button class="btn_first" onClick={() => route('/tinder')}>Давайте!</button>
-                  <button class="btn_second" onClick={() => route('')}>Сам разберусь</button>
+                  <button className="btn_first" onClick={() => route('/tinder')}>Давайте!</button>
+                  <button className="btn_second" onClick={() => route('')}>Сам разберусь</button>
                </div>
-          
-        
-            
         </div>
     )
 }
 
-export default Second;
+export default Second;