nws/nws-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new uptime monitors + half-completed create container deployment flow

Browse source
This commit is contained in:
Nicholas Orlowsky 2023-01-17 01:06:38 -06:00
parent ddb20ee17c
commit 847d11c841
No known key found for this signature in database
GPG key ID: 3845F78A73B14100
16 changed files with 550 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/DashboardPage.tsx
View file

@ -1,22 +1,42 @@
import {Account, Service} from "../nws-api/types";
import {useGetAccountServices, useLoggedInRedirect, useNWSAccount} from "../nws-api/hooks";
import {Account, Namespace, Service} from "../nws-api/types";
import {
useGetAccountNamespaces,
useGetAccountServices,
useGetServicesInNamespace,
useLoggedInRedirect,
useNWSAccount
} from "../nws-api/hooks";
import {useState} from "react";
export default function DashboardPage() {
useLoggedInRedirect();
let account: Account | undefined = useNWSAccount();
let services: Service[] = useGetAccountServices();
let {setNs, services, ns} = useGetServicesInNamespace();
let namespaces: Namespace[] = useGetAccountNamespaces();
return(
<div style={{minHeight: "100vh", padding: "50px"}}>
<h1>Welcome to NWS, {account?.name}!</h1>
<div className={"row"}>
<h1 className={"col-md-10 col-12"}>Welcome to NWS, {account?.name}!</h1>
<select className={"col-12 col-md-2"} defaultValue={"Select Namespace..."}>
<option value="" disabled selected>Select Namespace...</option>
{
namespaces.map((e)=>{
return <option onClick={(a)=>{setNs(e)}}>{e.name}</option>
})
}
<option value="" disabled>---</option>
<option value="create-ns">Create Namespace</option>
</select>
</div>
<hr/>
<div className={"d-flex justify-content-between"}>
<h2>Your NWS Cruise™ Services</h2>
<button onClick={(e) => {window.location.href = "/cruise/new"}}>Create Cruise Service</button>
<h2>Container Deployment Services</h2>
<button onClick={(e) => {window.location.href = "/cruise/new?namespaceId="+ns!.id}}>Create Cruise Service</button>
</div>
{/*<h2>Your NWS Write™ Blogs</h2>*/}
<div className={"row"}>
{services.map((e)=>{
return (
<div className={"col-4"} style={{ padding: 5}}>
@ -24,12 +44,10 @@ export default function DashboardPage() {
<h3>{e.serviceName}</h3>
<p><b>Application Id</b></p>
<p>{e.serviceId}</p>
<p><b>Deployment Key</b></p>
<a href={"#regen"}>Regenerate Deploy Key</a>
</div>
</div>);
})}
</div>
</div>
);
}
}