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

import { set } from "date-fns";
import React from "react";

const CustomInput = ({ speakers, addSpeaker, handleDelete }) => {
  const [title, setTitle] = React.useState("Mr");
  const [affiliation, setAffiliation] = React.useState("");
  const [name, setName] = React.useState("");

const [show, setShow] = React.useState(false);

const [isOpen, setIsOpen] = React.useState(false);

function addThisSpeaker() {
    if (isOpen) {
      if (title.length > 0 && affiliation.length > 0 && name.length > 0) {
        addSpeaker(title,name, affiliation);
        setTitle("Mr");
        setAffiliation("");
        setName("");
      }

setShow(false);
      setIsOpen(false);
    } else {
      setShow(true);
      setIsOpen(true);
    }
  }

const [allSpeakers, setAllSpeakers] = React.useState([]);

React.useEffect(() => {
    setAllSpeakers(speakers);
  }, [speakers]);

return (
    <>
      <div className=" flex mb-2 flex-start w-3/5">
        <p className="text-black inline-block">Speakers:</p>
        <div className="flex flex-col justify-start w-full">
          {speakers.map((speaker, index) => {
            return (
              <div
                key={index}
                className="flex justify-start gap-x-2 w-3/5 ml-5"
              >
                <p>{speaker.title}</p>
                <p>{speaker.name}</p>
                <p>{speaker.affiliation}</p>
                <button
                  onClick={() => {
                    handleDelete(index);
                  }}
                >
                  ❌
                </button>
              </div>
            );
          })}
        </div>

<submit
          onClick={addThisSpeaker}
          className=" px-2 py-2 m-1 cursor-pointer "
        >
          {isOpen ? (affiliation.length > 0 ? "✔" : "❌") : "➕"}
        </submit>
      </div>

{show && (
        <div className="flex ml-3 mb-2">
          <label for="title">Title</label>

<select
            name="title"
            id="title"
            className="m-2 rounded-md p-1 w-3/5"
            value={title}
            onChange={(e) => {
              setTitle(e.target.value);
            }}
          >
            <option value="Mr">Mr</option>
            <option value="Mrs">Mrs</option>
            <option value="Miss">Miss</option>
            <option value="Dr">Dr</option>
            <option value="Prof">Prof</option>
            <option value="">Prefer not to Say</option>
          </select>
          <br />
          <label for="name">Name</label>
          <input
            type="text"
            name="name"
            id="name"
            placeholder="Name"
            autoComplete="off"
            className="m-2 rounded-md p-1 w-3/5"
            value={name}
            onChange={(e) => {
              setName(e.target.value);
            }}
          />
          <br />
          <label for="affiliation">Affiliation</label>
          <input
            type="text"
            name="affiliation"
            id="affiliation"
            placeholder="Affiliation"
            autoComplete="off"
            className="m-2 rounded-md p-1 w-3/5"
            value={affiliation}
            onChange={(e) => {
              setAffiliation(e.target.value);
            }}
          />
        </div>
      )}
    </>
  );
};

export default CustomInput;

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.