33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
|
import { useEffect, useState } from "react";
|
|||
|
|
|
|||
|
|
type Status = Record<string, unknown>;
|
|||
|
|
|
|||
|
|
export default function App() {
|
|||
|
|
const [status, setStatus] = useState<Status | null>(null);
|
|||
|
|
const [err, setErr] = useState<string | null>(null);
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
fetch("/api/v1/status")
|
|||
|
|
.then((r) => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
|
|||
|
|
.then(setStatus)
|
|||
|
|
.catch((e) => setErr(String(e)));
|
|||
|
|
}, []);
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div style={{ fontFamily: "system-ui", padding: "2rem", maxWidth: 640 }}>
|
|||
|
|
<h1>onGuard24</h1>
|
|||
|
|
<p>Модульный монолит: API на FastAPI, модули — заглушки.</p>
|
|||
|
|
<h2>Статус</h2>
|
|||
|
|
{err && <p style={{ color: "crimson" }}>Ошибка: {err}</p>}
|
|||
|
|
{status && (
|
|||
|
|
<pre style={{ background: "#f4f4f5", padding: "1rem", borderRadius: 8 }}>
|
|||
|
|
{JSON.stringify(status, null, 2)}
|
|||
|
|
</pre>
|
|||
|
|
)}
|
|||
|
|
<p style={{ marginTop: "2rem", color: "#666" }}>
|
|||
|
|
Бэкенд: <code>uvicorn onguard24.main:app --port 8080</code>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|