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

import React from "react";
import Image from "next/image";
function EventTableRow(props) {
  const { eventId, id, name, date, organiser, fundedBy, fund, link, numParticipants, speaker_id,eTime, description } = props;
  const oddClass = "border-r-4 border-b-2 border-slate-300";
  const evenClass = "border-r-4 border-b-2 border-slate-300 bg-teal-300";

const { markShowEventTrue } = props;
  const { markUpdateEventTrue } = props;
  return (
    <tr key={id}>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div className="flex justify-center">{id}</div>
      </td>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div className="flex justify-center">{name}</div>
      </td>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div className="flex justify-center">{date}</div>
      </td>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div className="flex justify-center">{organiser}</div>
      </td>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div
          className="flex justify-center hover:cursor-pointer"
          onClick={() => {
            markShowEventTrue({
              eventId,
              name,
              date,
              organiser,
              fundedBy,
              fund,
              link,
              numParticipants,
              speaker_id,
              eTime,
              description,
            });
          }}
        >
          <Image src="/view.png" height={25} width={30} alt="view" />
        </div>
      </td>
      <td className={id % 2 === 0 ? evenClass : oddClass}>
        <div
          className="flex justify-center hover:cursor-pointer"
          onClick={() => {
            markUpdateEventTrue({
              eventId,
              name,
              date,
              organiser,
              fundedBy,
              fund,
              link,
              numParticipants,
              speaker_id,
              eTime,
              description,
            });
          }}
        >
          <Image src="settings.svg" height={25} width={30} alt="setting" />
        </div>
      </td>
    </tr>
  );
}

export default EventTableRow;

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.