Remove task view in EventCard

src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.jsx

@@ -26,7 +26,7 @@ export default function CreateEventBtn() {
         setIsOpen(false);
     }
 
-    if(!user.isAdmin) return null;
+    if(!user?.isAdmin) return null;
 
     return <>
         <Button className={`${styles.createButton} glassCard`} variant={"default"} onClick={() => setIsOpen(true)}> + </Button>

src/pages/Events/components/Event/Event.jsx

@@ -1,5 +1,4 @@
 import styles from "./Event.module.css";
-import { useState, useEffect } from "react";
 import { useNavigate } from "react-router";
 import Button from "/src/components/ui/Button/Button"
 
@@ -7,27 +6,10 @@ function Event({event}){
 
     const navigate = useNavigate();
 
-    const [eventMenu, seteventMenu] = useState(false);
+    const handleNavigate = () => navigate(`/events/` + event.id);
-    const [windowSize, setWindowSize] = useState({
-        width: null,
-        height: null,
-    });
-
-    useEffect(() => {
-        function handleResize() {
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        }
-        window.addEventListener("resize", handleResize);
-        handleResize();
-        return () => window.removeEventListener("resize", handleResize);
-    }, []);
-
 
     return (
-        <div className={`${styles.eventContainer} glassCard`} onClick={() => seteventMenu(!eventMenu)}>
+        <div className={`${styles.eventContainer} glassCard`} onClick={handleNavigate}>
             <div className={styles.eventContainerTop}>
                 <div className={styles.eventContent}>
                     <div className={`${styles.eventImageDiv}`}>
@@ -40,40 +22,9 @@ function Event({event}){
                     <div className={styles.eventInfos}>
                         <p className={styles.eventTitle}>{event.name}</p>
                         <p>{event.description}</p>
-                        {event.tasks != null ? (
-                            <div className={eventMenu ? styles.eventMenuOpen : styles.eventMenuClose}>
-                                <ul>
-                                    {event.tasks
-                                        .slice(0,5)
-                                        .map((task, index) => (
-                                            <li key={index}> - {task.name}</li>
-                                        ))}
-                                    {event.tasks.length > 5 ? (
-                                        <li>...</li>
-                                    ) : null}
-                                </ul>
-                            </div>
-                        ) : null}
                     </div>
                 </div>
-                {windowSize.width > 768 ? (
+                <Button onClick={handleNavigate} className={styles.openBtn}>Voir plus</Button>
-                    <div className={styles.eventButtons}>
-                        <Button
-                            variant={"transparent"}
-                            onClick={()=>{seteventMenu(!eventMenu)}}
-                            className={`${eventMenu ? styles.moreButtonClicked : ""}`}
-                        >
-                            {">"}
-                        </Button>
-                    </div>
-                ) : null}
-            </div>
-            <div className={styles.eventContainerBottom}>
-            {(windowSize.width <= 768 || eventMenu) ? (
-
-                <Button onClick={() => navigate(`/events/` + event.id)}>Voir plus</Button>
-
-            ) : null}
             </div>
         </div>
     )

src/pages/Events/components/Event/Event.module.css

@@ -6,6 +6,10 @@
     padding: 1rem 0.5rem;
 }
 
+.eventContainer:hover {
+    cursor: pointer;
+}
+
 .eventContainerTop {
     display: flex;
     justify-content: space-between;
@@ -99,6 +103,11 @@
     display: none;
 }
 
+.openBtn {
+    align-self: center;
+    white-space: nowrap;
+}
+
 @media screen and (max-width: 768px) {
     .eventImage {
         width: 100%;