cerc-io/webapp-deployment-status-ui
16
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases 9 Wiki Activity

Use LACONIC_HOSTED_CONFIG #1

Merged
telackey merged 5 commits from telackey/csss into main 2024-02-16 03:59:10 +00:00
Conversation 0 Commits 5 Files Changed 4 +4 -4
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b4548c7a6f - Show all commits

2
package.json
View File

@ -2,7 +2,7 @@
"name": "webapp-deployment-status-ui", "name": "webapp-deployment-status-ui",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"homepage": "https://gibbon.vdb.to/deployer", "homepage": "LACONIC_HOSTED_CONFIG_app_path",
"dependencies": { "dependencies": {
"@tanstack/react-query": "^5.17.15", "@tanstack/react-query": "^5.17.15",
"@testing-library/jest-dom": "^5.14.1", "@testing-library/jest-dom": "^5.14.1",

4
src/App.tsx
View File

@ -22,7 +22,7 @@ function StatusTable() {
const query = useQuery({queryKey: ['allStatus'], queryFn: fetchAllStatuses, refetchInterval: 10000}); const query = useQuery({queryKey: ['allStatus'], queryFn: fetchAllStatuses, refetchInterval: 10000});
const queryLog = useQuery({queryKey: ['log', logId], queryFn: () => fetchLogs(logId)}); const queryLog = useQuery({queryKey: ['log', logId], queryFn: () => fetchLogs(logId)});
const linkFmt = "https://console.laconic.com/console?query=%0A%20%20fragment%20ValueParts%20on%20Value%20%7B%0A%20%20%20%20...%20on%20BooleanValue%20%7B%0A%20%20%20%20%20%20bool%3A%20value%0A%20%20%20%20%7D%0A%20%20%20%20...%20on%20IntValue%20%7B%0A%20%20%20%20%20%20int%3A%20value%0A%20%20%20%20%7D%0A%20%20%20%20...%20on%20FloatValue%20%7B%0A%20%20%20%20%20%20float%3A%20value%0A%20%20%20%20%7D%0A%20%20%20%20...%20on%20StringValue%20%7B%0A%20%20%20%20%20%20string%3A%20value%0A%20%20%20%20%7D%0A%20%20%20%20...%20on%20BytesValue%20%7B%0A%20%20%20%20%20%20bytes%3A%20value%0A%20%20%20%20%7D%0A%20%20%20%20...%20on%20LinkValue%20%7B%0A%20%20%20%20%20%20link%3A%20value%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20fragment%20AttrParts%20on%20Attribute%20%7B%0A%20%20%20%20key%0A%20%20%20%20value%20%7B%0A%20%20%20%20%20%20...ValueParts%0A%20%20%20%20%20%20...%20on%20ArrayValue%20%7B%0A%20%20%20%20%20%20%20%20value%20%7B%0A%20%20%20%20%20%20%20%20%20%20...ValueParts%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20%7B%0A%20%20%20%20getRecordsByIds(ids%3A%20%5B%22$RQID$%22%5D)%20%7B%0A%20%20%20%20%20%20id%0A%20%20%20%20%20%20names%0A%20%20%20%20%20%20bondId%0A%20%20%20%20%20%20createTime%0A%20%20%20%20%20%20expiryTime%0A%20%20%20%20%20%20owners%0A%20%20%20%20%20%20attributes%20%7B%0A%20%20%20%20%20%20%20%20...AttrParts%0A%20%20%20%20%20%20%20%20value%20%7B%0A%20%20%20%20%20%20%20%20%20%20...%20on%20MapValue%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20map%3A%20value%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20...AttrParts%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A"; const consoleLink = "LACONIC_HOSTED_CONFIG_app_console_link";
return (<div> return (<div>
{logId && (<Modal open={true}> {logId && (<Modal open={true}>
@ -35,7 +35,7 @@ function StatusTable() {
{query.data?.map((status: any) => <div className={status.lastState.toLowerCase() + " status-row"}> {query.data?.map((status: any) => <div className={status.lastState.toLowerCase() + " status-row"}>
<div className="status-line"> <div className="status-line">
<span className="status-key">Request ID:</span> <span className="status-key">Request ID:</span>
<span className="status-value"><a href={linkFmt.replace("$RQID$", status.id)}>{status.id}</a></span> <span className="status-value"><a href={consoleLink.replace("$RQID$", status.id)}>{status.id}</a></span>
</div> </div>
<div className="status-line"> <div className="status-line">
<span className="status-key">Application:</span> <span className="status-key">Application:</span>

2
src/utils/data-utils.ts
View File

@ -1,4 +1,4 @@
const baseUrl = "https://webapp-deployer-api.apps.snowballtools.com"; const apiUrl = "LACONIC_HOSTED_CONFIG_app_api_url";
export const fetchAllStatuses = async () => { export const fetchAllStatuses = async () => {
const res = await fetch(baseUrl); const res = await fetch(baseUrl);