Commit 54d2192a authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

로그인 ui 수정

parent d2ef3549
import React, { ChangeEvent, FormEvent, useState } from "react"; import React, { ChangeEvent, FormEvent, useState } from "react";
import { useLocation, useNavigate } from "react-router-dom"; import { Link, useLocation, useNavigate } from "react-router-dom";
import { catchErrors } from "../helpers"; import { catchErrors } from "../helpers";
import { SpinnerIcon } from "../icons"; import { SpinnerIcon } from "../icons";
import { useAuth } from "./auth.context"; import { useAuth } from "./auth.context";
...@@ -69,18 +69,24 @@ export const Login = () => { ...@@ -69,18 +69,24 @@ export const Login = () => {
<p>{error}</p> <p>{error}</p>
</div> </div>
)} )}
<div className="text-center mt-3"> <div className="flex justify-center items-center mt-3">
{loading && (
<SpinnerIcon className="animate-spin h-5 w-5 mr-1 text-themeColor" />
)}
<button <button
type="submit" type="submit"
disabled={loading ? true : false} disabled={loading ? true : false}
className="bg-themeColor text-white border rounded w-100 py-2 px-3 mt-5" className="bg-themeColor text-white border rounded w-full py-2 px-3"
> >
{loading && (
<SpinnerIcon className="animate-spin h-5 w-5 mr-1 text-white" />
)}
로그인 로그인
</button> </button>
</div> </div>
<div className="flex justify-between mt-4">
<p className="text-sm">회원이 아니십니까?</p>
<Link to={"/signup"} className="text-sm text-themeColor">
회원가입 →
</Link>
</div>
</form> </form>
</div> </div>
); );
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment