Connect React workspace to backend data

apps/senlinai-acro-react/src/pages/login.tsx

@@ -5,8 +5,10 @@ import { IconBook, IconCheckCircleFill, IconLaunch, IconSafe, IconUserGroup } fr
 
 const { Title, Text, Paragraph } = Typography
 
-export function LoginPage({ onLogin }: { onLogin: () => void }) {
-  const [server, setServer] = useState('https://10.0.0.15:8080')
+export function LoginPage({ onLogin }: { onLogin: (input: { server: string; email: string; password: string }) => void }) {
+  const [server, setServer] = useState('http://127.0.0.1:8080')
+  const [email, setEmail] = useState('demo@senlin.ai')
+  const [password, setPassword] = useState('password123')
 
   return (
     <section className="login-screen">
@@ -34,10 +36,10 @@ export function LoginPage({ onLogin }: { onLogin: () => void }) {
               <Input value={server} onChange={setServer} placeholder="例如：https://10.0.0.15:8080" suffix={<IconLaunch />} />
             </Form.Item>
             <Form.Item label="账号">
-              <Input placeholder="请输入用户名或邮箱" />
+              <Input value={email} onChange={setEmail} placeholder="请输入用户名或邮箱" />
             </Form.Item>
             <Form.Item label="密码">
-              <Input.Password placeholder="请输入密码" />
+              <Input.Password value={password} onChange={setPassword} placeholder="请输入密码" />
             </Form.Item>
             <div className="login-row">
               <Space size={8}>
@@ -46,7 +48,7 @@ export function LoginPage({ onLogin }: { onLogin: () => void }) {
               </Space>
               <Button type="text" size="mini">无法连接?</Button>
             </div>
-            <Button type="primary" long size="large" onClick={onLogin}>
+            <Button type="primary" long size="large" onClick={() => onLogin({ server, email, password })}>
               登录
             </Button>
             <div className="connection-card">