From 45f523447a103e38aa21fa4598436ae852c3bc4d Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Wed, 21 May 2025 11:31:19 +0900
Subject: [PATCH] feat: Add email validation in Login component and implement
 database connection utility; enhance login logic with partner status check

---
 src/components/Login.tsx             | 15 ++++++++++++++-
 src/libs/{partner.tsx => partner.ts} |  0
 2 files changed, 14 insertions(+), 1 deletion(-)
 rename src/libs/{partner.tsx => partner.ts} (100%)

diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 24b7219..6322ec4 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -33,6 +33,11 @@ export default function Login() {
     pwd: '',
   })
 
+  const isValidEmail = (email: string) => {
+    const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
+    return emailRegex.test(email)
+  }
+
   interface LoginData {
     code: number
     message: string | null
@@ -82,6 +87,14 @@ export default function Login() {
     }
   }, [loginData])
 
+  useEffect(() => {
+    if (isValidEmail(account.loginId)) {
+      setIsPartners(true)
+    } else {
+      setIsPartners(false)
+    }
+  }, [account.loginId])
+
   return (
     <>
       <div className="login-form-wrap">
@@ -94,7 +107,7 @@ export default function Login() {
               value={account.loginId}
               onChange={(e) => setAccount({ loginId: e.target.value })}
             />
-            <button className="login-icon">
+            <button className="login-icon" onClick={() => setAccount({ loginId: '' })}>
               <i className="del-icon"></i>
             </button>
           </div>
diff --git a/src/libs/partner.tsx b/src/libs/partner.ts
similarity index 100%
rename from src/libs/partner.tsx
rename to src/libs/partner.ts