Project started 🥂

2026-06-02 01:13:22 +03:00
commit 612d0f0125
146 changed files with 15242 additions and 0 deletions
@@ -0,0 +1,85 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
+import { Card, TextField, Button, Callout } from 'modern-sk';
+import { useAppDispatch } from '../../hooks/useAppDispatch';
+import { setTokens, setUser } from '../../store/slices/auth';
+import { setApiBaseUrl, getApiBaseUrl } from '../../config/runtime-config';
+import type { User } from '../../api/types';
+
+export function ConnectPage() {
+  const dispatch = useAppDispatch();
+  const navigate = useNavigate();
+
+  const [apiUrl, setApiUrl] = useState(getApiBaseUrl);
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+
+  // STUB: no backend yet. Fake a session so the rest of the app is reachable.
+  // Replace with the real useLoginMutation() flow once the backend exists.
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setApiBaseUrl(apiUrl);
+
+    const fakeUser: User = {
+      id: 'dev-user',
+      username: username || 'dev',
+      role: 'admin',
+      createdAt: new Date().toISOString(),
+    };
+    dispatch(setTokens({ accessToken: 'dev-token', refreshToken: 'dev-refresh', expiresIn: 3600 }));
+    dispatch(setUser(fakeUser));
+    void navigate('/');
+  };
+
+  return (
+    <div style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'var(--color-bg)', padding: '2rem' }}>
+      <div style={{ width: '100%', maxWidth: '24rem' }}>
+        <h1 style={{ textAlign: 'center', marginBottom: '2rem', color: 'var(--color-accent)', fontSize: '1.75rem' }}>♫ MCMA</h1>
+        <Card>
+          <form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: '1rem', padding: '1.5rem' }}>
+            <div>
+              <label style={{ display: 'block', fontSize: '0.8125rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--color-text-2)' }}>
+                Server URL
+              </label>
+              <TextField
+                value={apiUrl}
+                onChange={(e) => setApiUrl(e.target.value)}
+                placeholder="https://your-server.example.com/api/v1"
+                required
+              />
+            </div>
+            <div>
+              <label style={{ display: 'block', fontSize: '0.8125rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--color-text-2)' }}>
+                Username
+              </label>
+              <TextField
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                placeholder="username"
+                autoComplete="username"
+                required
+              />
+            </div>
+            <div>
+              <label style={{ display: 'block', fontSize: '0.8125rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--color-text-2)' }}>
+                Password
+              </label>
+              <TextField
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="password"
+                autoComplete="current-password"
+                required
+              />
+            </div>
+            <Callout variant="warning">Stub mode — backend not wired. Connect signs in with a fake admin session.</Callout>
+            <Button type="submit" variant="primary" style={{ marginTop: '0.5rem' }}>
+              Connect
+            </Button>
+          </form>
+        </Card>
+      </div>
+    </div>
+  );
+}