/ var / www / html / events / src / components / [ HOME SHELL ]

Name	Size	Permission	Action
ui	[ DIR ]	drwxrwxr-x
AddEvent.js	8.29 KB	-rw-rw-r--
AddUser.js	5.79 KB	-rw-rw-r--
CustomInput.js	3.43 KB	-rw-rw-r--
EventTableRow.js	2.23 KB	-rw-rw-r--
Events.js	3.39 KB	-rw-rw-r--
Home.js	11.2 KB	-rw-rw-r--
Navbar.js	10.61 KB	-rw-rw-r--
NextToast.js	62 B	-rw-rw-r--
PaginateItems.js	2.61 KB	-rw-rw-r--
Provider.js	171 B	-rw-rw-r--
ShowEvent.js	8.95 KB	-rw-rw-r--
ShowHomeEvent.js	3.26 KB	-rw-rw-r--
UpdateEvent.js	10.27 KB	-rw-rw-r--
UpdateUser.js	8.89 KB	-rw-rw-r--
UserTableRow.js	1.64 KB	-rw-rw-r--

Code Editor : ShowHomeEvent.js

"use client";
import Image from "next/image";
import React, { useEffect } from "react";
import { useState } from "react";

const ShowHomeEvent = ({ visible, handleCLick, data }) => {

const [speakers, setSpeakers] = useState([]);

useEffect(() => {
        if (visible) {
            const speaker_Id = data.speaker_id;
            fetch("http://events.iiitd.edu.in/api/getSpeakers", {
                method: "POST",
                body: JSON.stringify({ speaker_Id }),
                headers: {
                    "Content-Type": "application/json; charset=UTF-8",
                }
            })
                .then((response) => {
                    console.log(response);
                    if (!response.ok) {
                        throw new Error(`HTTP error! Status: ${response.status}`);
                    }
                    return response.json();
                })
                .then((data) => {
                    setSpeakers(data.result);
                })
                .catch((error) => {
                    console.error("Error:", error);
                });
        }
        else {
            setSpeakers([]);
        }
    }, [visible]);

if (!visible) {
        return null;
    }
    return (
        <div className="fixed inset-x-72 inset-y-5 bg-slate-200 overflow-y-auto">
        <div className=" flex justify-center items-center">
            <div className=" w-4/5 flex-col items-center">
            <div className="flex justify-between">
                <div>
                <h1 className="text-black text-2xl font-bold mt-10 mb-3">
                    {data.name}
                </h1>
                </div>

<div
                className="mt-10 mb-3 hover:cursor-pointer"
                onClick={() => {
                    handleCLick();
                }}
                >
                <Image src="/close.png" height={25} width={30} alt="cross" />
                </div>
            </div>

<div className="mt-5 overflow-auto">
                <h2 className="my-1 font-semibold">Description</h2>
                <p className="">{data.description}</p>
                <ul className="mt-5">
                <li className="my-1 font-semibold">
                    Event Date: <span className="font-normal">{data.date}</span>
                </li>
                <li className="my-1 font-semibold">
                    Event Time: <span className="font-normal">{data.eTime}</span>
                </li>

<li className="my-1 font-semibold">
                    No. of Partipants:{" "}
                    <span className="font-normal">{data.numParticipants}</span>
                </li>
                <li className="my-1 font-semibold">
                    Speakers:{" "}
                    <span className="font-normal">
                    { speakers &&
                        speakers.map((speaker,index) => (
                        <p key={index}>{speaker.title+" "+speaker.affiliation}</p>
                    ))}
                    </span>
                </li>

</ul>
                
            </div>
            </div>
        </div>
        </div>
    );
}

export default ShowHomeEvent;

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.