motaju/xrlms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

file rename

Browse Source
This commit is contained in:
wallace
2025-11-25 10:30:17 +09:00
parent e74061057d
commit 71feecb8d1
2 changed files with 35 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/login/loginoption.tsx
View File

@@ -3,14 +3,14 @@ import React from "react";
import { useState } from "react";
type LoginOptionProps = {
onClick?: () => void;
className?: string;
onClick?: () => void;
className?: string;
loginErrorModalEnabled?: boolean;
setLoginErrorModalEnabled?: (enabled: boolean) => void;
};
export default function LoginOption({
className,
className,
loginErrorModalEnabled,
setLoginErrorModalEnabled,
}: LoginOptionProps) {
@@ -18,7 +18,7 @@ export default function LoginOption({
const [isOpen, setIsOpen] = useState(false);
return (
return (
<div>
<button
type="button"
@@ -26,7 +26,7 @@ export default function LoginOption({
className={`fixed bottom-2 right-2 bg-red-400 cursor-pointer rounded-full w-[40px] h-[40px] shadow-xl z-100`}
>
</button>
{ isOpen && (
{isOpen && (
<div className="fixed inset-0 flex items-center justify-center z-50">
<div className="w-[500px] h-[600px] flex bg-white/80 p-10 border rounded-lg relative">
<button
@@ -37,25 +37,25 @@ export default function LoginOption({
>
×
</button>
<ul className="flex flex-col gap-4">
<li className="flex items-center justify-between">
<p className="mr-4">login error modal</p>
<button
type="button"
aria-label="login error modal 토글"
aria-pressed={!!loginErrorModalEnabled}
onClick={() => setLoginErrorModalEnabled?.(!loginErrorModalEnabled)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${loginErrorModalEnabled ? 'bg-blue-600' : 'bg-gray-300'}`}
>
<span
className={`inline-block h-5 w-5 transform rounded-full bg-white transition ${loginErrorModalEnabled ? 'translate-x-5' : 'translate-x-1'}`}
/>
</button>
</li>
</ul>
<ul className="flex flex-col gap-4">
<li className="flex items-center justify-between">
<p className="mr-4">login error modal</p>
<button
type="button"
aria-label="login error modal 토글"
aria-pressed={!!loginErrorModalEnabled}
onClick={() => setLoginErrorModalEnabled?.(!loginErrorModalEnabled)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${loginErrorModalEnabled ? 'bg-blue-600' : 'bg-gray-300'}`}
>
<span
className={`inline-block h-5 w-5 transform rounded-full bg-white transition ${loginErrorModalEnabled ? 'translate-x-5' : 'translate-x-1'}`}
/>
</button>
</li>
</ul>
</div>
</div>
)}
</div>
);
);
}

21
src/app/login/page.tsx
View File

@@ -19,8 +19,8 @@ export default function LoginPage() {
const [isUserIdFocused, setIsUserIdFocused] = useState(false);
const [isPasswordFocused, setIsPasswordFocused] = useState(false);
const [isLoginErrorOpen, setIsLoginErrorOpen] = useState(false);
const [idError, setIdError] = useState("");
const [passwordError, setPasswordError] = useState("");
const [idError, setIdError] = useState("");
const [passwordError, setPasswordError] = useState("");
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
e.preventDefault();
@@ -31,7 +31,7 @@ export default function LoginPage() {
try {
const response = await fetch("https://hrdi.coconutmeet.net/auth/login", {
method: "POST",
headers: {"Content-Type": "application/json",},
headers: { "Content-Type": "application/json", },
body: JSON.stringify({
email: userId,
password: password
@@ -94,18 +94,18 @@ export default function LoginPage() {
open={isLoginErrorOpen}
onClose={() => setIsLoginErrorOpen(false)}
/>
<LoginOption
<LoginOption
onClick={() => setIsLoginErrorOpen(true)}
loginErrorModalEnabled={isLoginErrorOpen}
setLoginErrorModalEnabled={setIsLoginErrorOpen}
loginErrorModalEnabled={isLoginErrorOpen}
setLoginErrorModalEnabled={setIsLoginErrorOpen}
/>
<div className="rounded-xl bg-white max-w-[560px] px-[40px] w-full">
{/* 로고 영역 */}
<div className="my-15 flex flex-col items-center">
<div className="mb-[7px]">
<MainLogo/>
</div>
<div className="mb-[7px]">
<MainLogo />
</div>
<div className="text-[28.8px] font-extrabold leading-[145%] text-neutral-700" >
XR LMS
</div>
@@ -249,11 +249,10 @@ export default function LoginPage() {
</div>
</form>
</div>
<div></div>
<div></div>
<p className="text-center py-[40px] text-[15px] text-basic-text">
Copyright ⓒ 2025 XL LMS. All rights reserved
</p>
</div>
);
}