4af2f54a7d
Why: establish baseline web runtime scaffold before wave implementation. What: add react app structure, docker runtime assets, docs runbooks, and ignore policy updates. Rule: keep technical intent and repository workflow compliance.
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { useState } from 'react';
|
|
import { loadDashboard } from './api/dashboardApi';
|
|
|
|
function App() {
|
|
const [contextId, setContextId] = useState('demo-context');
|
|
const [payload, setPayload] = useState<unknown>(null);
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
const onLoad = async (): Promise<void> => {
|
|
setLoading(true);
|
|
setError(null);
|
|
try {
|
|
const response = await loadDashboard(contextId);
|
|
setPayload(response);
|
|
} catch (err) {
|
|
const message = err instanceof Error ? err.message : 'Unknown request error';
|
|
setError(message);
|
|
setPayload(null);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<main className="app">
|
|
<h1>Thalos Web</h1>
|
|
<p>React baseline wired to its corresponding BFF via an API adapter module.</p>
|
|
<div className="row">
|
|
<input value={contextId} onChange={(event) => setContextId(event.target.value)} />
|
|
<button type="button" onClick={onLoad} disabled={loading}>
|
|
{loading ? 'Loading...' : 'Load'}
|
|
</button>
|
|
</div>
|
|
{error && <p>{error}</p>}
|
|
<pre>{JSON.stringify(payload, null, 2)}</pre>
|
|
</main>
|
|
);
|
|
}
|
|
|
|
export default App;
|