/ var / www / html / ihub-website / ihub_final / components / [ HOME SHELL ]

Name	Size	Permission	Action
Career	[ DIR ]	drwxr-xr-x
Collaboration	[ DIR ]	drwxr-xr-x
Dashboard	[ DIR ]	drwxr-xr-x
Entrepreneurship	[ DIR ]	drwxr-xr-x
Events	[ DIR ]	drwxr-xr-x
Fellowship	[ DIR ]	drwxr-xr-x
Home	[ DIR ]	drwxr-xr-x
Navbar	[ DIR ]	drwxr-xr-x
People	[ DIR ]	drwxr-xr-x
Research&Innovation	[ DIR ]	drwxr-xr-x
StartupEnrolled	[ DIR ]	drwxr-xr-x
StartupPage	[ DIR ]	drwxr-xr-x
Tender	[ DIR ]	drwxr-xr-x
Footer.jsx	6.8 KB	-rw-r--r--
LoadingScreen.js	1.4 KB	-rw-r--r--
Login.jsx	2.92 KB	-rw-r--r--

Code Editor : Login.jsx

import Head from 'next/head';
import React, { useState } from 'react';
import { useRouter } from 'next/router'
import { signIn } from "next-auth/react";
const Login = () => {
  const router = useRouter()
  const [userInfo, setUserInfo] = useState({ username: "", password: "" });

const handleSubmit = async(e)=>{
    console.log(userInfo)
    // e.preventDefault();
   const res = await signIn("credentials", {
     username: userInfo.username,
     password: userInfo.password,

callbackUrl: `${window.location.origin}/auth/dashboard`,
    });

// console.log(res);

}
  return (
    <>
      <div className="min-h-screen py-6 flex flex-col justify-center sm:py-12">
        <div className="relative py-3 sm:max-w-xl sm:mx-auto">
          <div className="absolute inset-0 bg-gradient-to-r from-blue-300 to-blue-600 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl"></div>
          <div className="relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20">
            <div className="max-w-md mx-auto">
              <div>
                
              </div>
              <div className="divide-y divide-gray-200">
                <div className="py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7">
                  <div className="relative">
                    <input
                      autoComplete="off"
                      id="username"
                      name="username"
                      type="text"
                      className=" p-2 rounded-md peer  h-10 w-full border-b-2 border-gray-300 text-gray-900 focus:outline-none focus:border-rose-600"
                      value={userInfo.username}
          onChange={({ target }) =>
            setUserInfo({ ...userInfo, username: target.value })
          }
          
          placeholder="Username"
                    />
                    
                  </div>
                  <div className="relative">
                    <input
                      autoComplete="off"
                      id="password"
                      name="password"
                      type="password"
                      className="p-2 peer rounded-md  h-10 w-full border-b-2 border-gray-300 text-gray-900 focus:outline-none focus:border-rose-600"
                      value={userInfo.password}
          onChange={({ target }) =>
            setUserInfo({ ...userInfo, password: target.value })
          }
          
          placeholder="********"
                    />
                    
                  </div>
                  <div className="relative">
                    <button className="bg-blue-500 text-white rounded-md px-2 py-1" onClick={()=>handleSubmit()}>Submit</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default Login;

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.