/ 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 : Events.js

import React from "react";
import EventTableRow from "./EventTableRow";
import Image from "next/image";
function Events({
  events,
  markShowEventTrue,
  setEventDataToShow,
  markUpdateEventTrue,
  setEventDataToUpdate,
  handleDownloadButton,
}) {
  return (
    <>
      <div className="h-[22rem] mt-20 overflow-y-auto">
        <div className="w-full flex justify-center h-100dvh ">
          <table className="table-auto border-4 border-slate-300 w-full">
            <thead>
              <tr>
                <th className="border-4 border-slate-300">S NO.</th>
                <th className="border-4 border-slate-300">Event Name</th>
                <th className="border-4 border-slate-300">Date</th>
                <th className="border-4 border-slate-300">Event Organiser</th>
                <th className="border-4 border-slate-300">View</th>
                <th className="border-4 border-slate-300">Edit</th>
              </tr>
            </thead>
            <tbody className="overflow-y-auto">
              {events.length === 0 ? (
                <tr>
                  <td
                    className="border-4 border-slate-300 text-center"
                    colSpan="6"
                  >
                    No Events Found
                  </td>
                </tr>
              ) : (
                events.map((event, index) => (
                  <EventTableRow
                    key={event.eventId}
                    eventId={event.eventId}
                    id={index + 1}
                    name={event.eName}
                    date={(() => {
                      const date = new Date(event.eDate);

const year = date.getFullYear();
                      const month = date.toLocaleString("en-US", {
                        month: "long",
                      });
                      const day = date.getDate();
                      const formattedDate = `${month} ${day}, ${year}`;
                      return formattedDate;
                    })()}
                    organiser={event.eOrgEmail}
                    fundedBy={event.fundedBy}
                    fund={event.fund}
                    link={event.links}
                    eTime={event.eTime}
                    numParticipants={event.numParticipants}
                    description={event.description}
                    speaker_id={event.speaker_Id}
                    markShowEventTrue={markShowEventTrue}
                    setEventDataToShow={setEventDataToShow}
                    markUpdateEventTrue={markUpdateEventTrue}
                    setEventDataToUpdate={setEventDataToUpdate}
                  />
                ))
              )}
            </tbody>
          </table>
        </div>
      </div>
      <div className="flex items-start justify-end w-full gap-2 pt-3">
        <button
          className="text-black bg-teal-400 rounded-md p-2 w-1/7 hover:bg-teal-500 "
          onClick={() => {
            handleDownloadButton("chosen");
          }}
        >
          Download By Date Range
        </button>

<button
          className="text-black bg-teal-400 rounded-md p-2 w-1/7 hover:bg-teal-500"
          onClick={() => {
            handleDownloadButton("all");
          }}
        >
          Download All
        </button>
      </div>
    </>
  );
}

export default Events;

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.