Create Login.tsx

projects/pi-nexus-iam/src/frontend/components/Login.tsx

@@ -0,0 +1,28 @@
+import React, { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { login } from '../actions/auth.actions';
+
+const Login = () => {
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const dispatch = useDispatch();
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    dispatch(login(username, password));
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <label>Username:</label>
+      <input type="text" value={username} onChange={(event) => setUsername(event.target.value)} />
+      <br />
+      <label>Password:</label>
+      <input type="password" value={password} onChange={(event) => setPassword(event.target.value)} />
+      <br />
+      <button type="submit">Login</button>
+    </form>
+  );
+};
+
+export default Login;