query to get certificates

CONTRIBUTING.md

@@ -11,6 +11,7 @@
 7. Run the project: `gocert -config config.yaml`
 
 Commands assume you're running them from the top level git repo directory
+
 ## Testing
 
 ### Unit Tests
@@ -42,4 +43,4 @@ rockcraft pack -v
 version=$(yq '.version' rockcraft.yaml)
 sudo skopeo --insecure-policy copy oci-archive:gocert_${version}_amd64.rock docker-daemon:gocert:${version}
 docker run gocert:${version}
-```
+```

ui/package.json

@@ -14,6 +14,7 @@
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
+    "react-query": "^3.39.3",
     "sass": "^1.77.4",
     "vanilla-framework": "^4.11.0"
   },

ui/src/app/certificate_requests/page.tsx

@@ -1,9 +1,17 @@
 "use client"
 
+import { useQuery } from "react-query"
 import { CertificateRequestsTable } from "./table"
+import { getCertificateRequests } from "./queries"
+import { CSREntry } from "./types"
 
 export default function CertificateRequests() {
+    const query = useQuery<CSREntry[], Error>('csrs', getCertificateRequests)
+    if (query.status == "loading"){ return <div>Loading...</div> }
+    if (query.status == "error") { return <div>error :(</div>}
+    if (query.data == undefined) { return <div>No data</div>}
+    const csrs = Array.from(query.data)
     return (
-        <CertificateRequestsTable />
+        <CertificateRequestsTable csrs={csrs}/>
     )
 }

ui/src/app/certificate_requests/queries.ts

@@ -0,0 +1,9 @@
+import { CSREntry } from "./types"
+
+export async function getCertificateRequests(): Promise<CSREntry[]> {
+    const response = await fetch("/api/v1/certificate_requests")
+    if (!response.ok) {
+        throw new Error('Network response was not ok')
+    }
+    return response.json()
+}