[launchweek-demo] Add login form

src/ui/LoginForm/LoginForm.tsx

@@ -0,0 +1,50 @@
+import React, { useState } from 'react'
+
+interface LoginFormProps {
+  onLogin: (username: string, password: string) => void
+}
+
+const LoginForm: React.FC<LoginFormProps> = ({ onLogin }) => {
+  const [username, setUsername] = useState<string>('');
+  const [password, setPassword] = useState<string>('');
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    if (username) {
+      onLogin(username, password)
+      setUsername(username)
+    }
+  }
+
+  const handleUsernameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setUsername(e.target.value);
+
+  const handlePasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setPassword(e.target.value);
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <div>
+        <label htmlFor="username">Username:</label>
+        <input
+          id="username"
+          type="text"
+          value={username}
+          onChange={handleUsernameChange}
+        />
+      </div>
+      <div>
+        <label htmlFor="password">Password:</label>
+        <input
+          id="password"
+          type="password"
+          value={password}
+          onChange={handlePasswordChange}
+        />
+      </div>
+
+      <button type="submit">Login</button>
+  )
+}
+
+export default LoginForm