last

src/Components/HomePage/index.jsx

@@ -11,6 +11,7 @@ import styles from "./style.module.scss";
 
 import muza from '../../img/homePage/muza.png';
 import Home from "../Home/Home";
+import { useNavigate } from "react-router-dom";
 const APIURL = ''
 
 // const events = [
@@ -37,6 +38,7 @@ const APIURL = ''
 //     // Добавьте другие мероприятия сюда
 //   ];
 const HomePage = () => {
+    
     return (
     <>
 

src/components/Home/Home.jsx

@@ -7,6 +7,7 @@ import EditForm from '../post/Meets';
 import Grid from '@mui/material/Grid';
 import Card from '../Card';
 import Box from '@mui/material/Box';
+import { useNavigate } from 'react-router-dom';
 
 function extractDateTime(dateString) {
     const dateTime = new Date(dateString);
@@ -23,7 +24,11 @@ const meets = await httpApiMethods.GetMeetings()
 
 const Home = () => {
     const [count, setCount] = useState(7)
+    const navigate = useNavigate()
 
+    const handleNeed = () => {
+        navigate('/firstMeetAuth')
+    }
     const filterMeet = meets.filter( (item, index) => index <= count )
     const allMeets = () => {
         setCount(meets.length)
@@ -39,7 +44,7 @@ const Home = () => {
                     
                         
                         <Grid item sm={6} xl={3} md={6} lg={4} key={index}>
-                             <div className='event_card' >
+                             <div onClick={handleNeed} className='event_card' >
                                 <div className="event-card__photo"><img className='img' src={httpApiMethods.APIURL_FILES + item.speackerImage} alt="{item.speackerImage}" /></div>
                                     <div className="taggs">
                                         <div className='tagged'>{item.tags}</div>