Use LACONIC_HOSTED_CONFIG #1
@ -2,6 +2,7 @@
|
||||
"name": "webapp-deployment-status-ui",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"homepage": "LACONIC_HOSTED_CONFIG_homepage",
|
||||
"dependencies": {
|
||||
"@tanstack/react-query": "^5.17.15",
|
||||
"@testing-library/jest-dom": "^5.14.1",
|
||||
|
@ -19,9 +19,11 @@ function StatusTable() {
|
||||
const [logId, setLogId] = useState("");
|
||||
|
||||
// Queries
|
||||
const query = useQuery({queryKey: ['allStatus'], queryFn: fetchAllStatuses})
|
||||
const query = useQuery({queryKey: ['allStatus'], queryFn: fetchAllStatuses, refetchInterval: 10000});
|
||||
const queryLog = useQuery({queryKey: ['log', logId], queryFn: () => fetchLogs(logId)});
|
||||
|
||||
const consoleLink = "LACONIC_HOSTED_CONFIG_app_console_link";
|
||||
|
||||
return (<div>
|
||||
{logId && (<Modal open={true}>
|
||||
<button className="close" onClick={() => setLogId("")}>CLOSE</button>
|
||||
@ -33,7 +35,7 @@ function StatusTable() {
|
||||
{query.data?.map((status: any) => <div className={status.lastState.toLowerCase() + " status-row"}>
|
||||
<div className="status-line">
|
||||
<span className="status-key">Request ID:</span>
|
||||
<span className="status-value">{status.id}</span>
|
||||
<span className="status-value"><a href={consoleLink.replace("#RQID#", status.id)}>{status.id}</a></span>
|
||||
</div>
|
||||
<div className="status-line">
|
||||
<span className="status-key">Application:</span>
|
||||
|
@ -17,6 +17,10 @@ button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#all-status {
|
||||
margin: auto;
|
||||
min-width: 50%;
|
||||
|
@ -1,6 +1,7 @@
|
||||
const apiUrl = "LACONIC_HOSTED_CONFIG_app_api_url";
|
||||
|
||||
export const fetchAllStatuses = async () => {
|
||||
let url = "http://localhost:9555"
|
||||
const res = await fetch(url);
|
||||
const res = await fetch(apiUrl);
|
||||
if (!res.ok) {
|
||||
throw new Error('Network response was not ok')
|
||||
}
|
||||
@ -12,7 +13,7 @@ export const fetchLogs = async (id: string) => {
|
||||
if (!id) {
|
||||
return "";
|
||||
}
|
||||
let url = `http://localhost:9555/log/${id}`
|
||||
let url = `${apiUrl}/log/${id}`
|
||||
const res = await fetch(url);
|
||||
if (!res.ok) {
|
||||
throw new Error('Network response was not ok')
|
||||
|
Loading…
Reference in New Issue
Block a user