ctf issue fixed

src/components/EventPage/EventDetails.jsx

@@ -4,14 +4,7 @@ import abc from "../../../public/img2.svg";
 import { useState } from "react";
 
 const EventDetails = (props) => {
-  const [visible, setVisible] = useState("invisible");
-  const handleVisible = () => {
-    if (visible === "visible") {
-      setVisible("invisible");
-    } else {
-      setVisible("visible");
-    }
-  };
+
   return (
     <div className={styles.main_div}>
       <div className={styles.wrapper}>
@@ -20,28 +13,6 @@ const EventDetails = (props) => {
         </div>
         <div className={styles.body}>
           <p>{props.description}</p>
-          {props.isCTF ? (
-            <div>
-              <button onClick={(e) => handleVisible()}>Click here</button>
-              <div
-                style={{
-                  display: visible === "visible" ? "flex" : "none",
-                  flexDirection: "column",
-                }}
-              >
-                Haha! April's Fool!
-                <br /> Wait... It was on 1st April?
-                <br />
-                Then the flag must have been revealed!
-                <br />
-                <p style={{ color: "RGB(77, 34, 30)" }}>
-                  QXBvb3J2Q1RGe3QzeHRfaGlnaDFpOXRpbjlfaXNfcjM0bGx5X2MwMGx9
-                </p>
-              </div>
-            </div>
-          ) : (
-            <></>
-          )}
         </div>
       </div>
       <div className={styles.img}>

src/components/EventPage/OrganizerContainer.jsx

@@ -14,7 +14,13 @@ const OrganizerContainer = ({ organiser }) => {
             <div className={styles.contactWrapper}>
                 {organiser.map((item, index) => {
                     return (
+                        <>
                         <ContainerCard key={index} gif={item.gif} image={item.image} alt={item.name} subheading={item.alias} title={item.name} subtitles={[item.email, item.phoneNumber]} onHoverAnimation={'scale'} />
+                           {item.name==="Darisi Priyatham" ?<div style={{color:"black"}}>
+                             QXBvb3J2Q1RGe3QzeHRfaGlnaDFpOXRpbjlfaXNfcjM0bGx5X2MwMGx9
+                            </div>:<></>}
+                        </>
+
                     )
                 })}
             </div>

src/data/Events.jsx

@@ -399,12 +399,12 @@ const events = [
         link: "capture-the-flag",
         organisers: [
             {
-                key: 1,
-                name: "Gouri Nair",
-                phoneNumber: "08606922585",
-                email: "gourinair20bec7@​iiitkottayam.ac.in",
-                image: "",
-                gif: ""
+                key: 2,
+                name: "Darisi Priyatham",
+                phoneNumber: "",
+                email: "darisi21bcy16@iiitkottayam.ac.in",
+                image: "https://res.cloudinary.com/dbarpjvas/image/upload/v1680853585/_DSC0707_wd3jjc.jpg",
+                gif: "https://media.tenor.com/zQtIVihPry8AAAAC/warning-cyber-attack.gif"
             }
 
         ],

src/data/TimelineData.jsx

@@ -129,7 +129,7 @@ const timelineData = [{
         {
             id: 16,
             name: 'Capture The Flag',
-            date: '8th April 2023',
+            date: '7th April 2023',
             time: '2:00 PM',
             details: 'The Ultimate Capture the Flag Event',
             link: "capture-the-flag",
@@ -191,7 +191,7 @@ const timelineData = [{
             name: 'Project Aятємis',
             date: '8th April 2023',
             time: '11:30 AM',
-            details: "Be the next Hardy Boys!",
+            details: "Unleash the adventurer within you.!",
             link: "project-artemis",
         },
         {

src/pages/event/[id]/index.js

@@ -92,9 +92,8 @@ export default function Event({ name, poster, description, register, date, time,
                 description={description}
                 date={date}
                 time={time}
-                isCTF= {name==="Capture The Flag"}
             />
-            <OrganizerContainer organiser={organisers} />
+            <OrganizerContainer organiser={organisers}/>
         </div>
         <Footer />
     </>