components Login.tsx -

- 100% - Statements - 17/17 -

- -

- 83.33% - Branches - 5/6 -

- -

- 100% - Functions - 3/3 -

- -

- 100% - Lines - 17/17 -

+ + + +

All files / src/components Login.tsx

+ +

+ 100% + Statements + 17/17 +

+ + +

+ 83.33% + Branches + 5/6 +

+ + +

+ 100% + Functions + 3/3 +

+ + +

+ 100% + Lines + 17/17 +

+ +

- Press n or j to go to the next uncovered block, b, - p or k for the previous block. + Press n or j to go to the next uncovered block, b, p or k for the previous block.


+    
+    
+    

 1
 2
 3
@@ -113,7 +117,11 @@
 52
 53
 54
-55  
+55
+56
+57  
+ 
+ 
  
  
  
@@ -171,74 +179,75 @@
 import { useNavigate } from 'react-router-dom';
 import './Login.css';
  
+import { apiFetch } from '../utils';
+ 
 export default function Login() {
-    const [password, setPassword] = useState('');
-    const [error, setError] = useState('');
-    const navigate = useNavigate();
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const navigate = useNavigate();
  
-    const handleSubmit = async (e: FormEvent) => {
-        e.preventDefault();
-        setError('');
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+    setError('');
  
-        try {
-            // Use URLSearchParams to send as form-urlencoded, matching backend expectation
-            const params = new URLSearchParams();
-            params.append('password', password);
+    try {
+      // Use URLSearchParams to send as form-urlencoded, matching backend expectation
+      const params = new URLSearchParams();
+      params.append('password', password);
  
-            const res = await fetch('/api/login', {
-                method: 'POST',
-                body: params,
-            });
+      const res = await apiFetch('/api/login', {
+        method: 'POST',
+        body: params,
+      });
  
-            if (res.ok) {
-                navigate('/');
-            } else {
-                const data = await res.json();
-                setError(data.message || 'Login failed');
-            }
-        } catch (err) {
-            setError('Network error');
-        }
-    };
+      if (res.ok) {
+        navigate('/');
+      } else {
+        const data = await res.json();
+        setError(data.message || 'Login failed');
+      }
+    } catch (err) {
+      setError('Network error');
+    }
+  };
  
-    return (
-        <div className="login-container">
-            <form onSubmit={handleSubmit} className="login-form">
-                <h1>neko rss mode</h1>
-                <div className="form-group">
-                    <label htmlFor="password">password</label>
-                    <input
-                        id="password"
-                        type="password"
-                        value={password}
-                        onChange={(e) => setPassword(e.target.value)}
-                        autoFocus
-                    />
-                </div>
-                {error && <div className="error-message">{error}</div>}
-                <button type="submit">login</button>
-            </form>
+  return (
+    <div className="login-container">
+      <form onSubmit={handleSubmit} className="login-form">
+        <h1>neko rss mode</h1>
+        <div className="form-group">
+          <label htmlFor="password">password</label>
+          <input
+            id="password"
+            type="password"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+            autoFocus
+          />
         </div>
-    );
+        {error && <div className="error-message">{error}</div>}
+        <button type="submit">login</button>
+      </form>
+    </div>
+  );
 }

- -

- - - - - - - +

+ + + + + + + \ No newline at end of file -- cgit v1.2.3