| 1 | import "./style.css"; |
| 2 | |
| 3 | const button = document.querySelector<HTMLButtonElement>("#refresh")!; |
| 4 | const result = document.querySelector<HTMLParagraphElement>("#result")!; |
| 5 | |
| 6 | button.addEventListener("click", async () => { |
| 7 | button.disabled = true; |
| 8 | result.textContent = "Querying Postgres…"; |
| 9 | try { |
| 10 | const response = await fetch(`${import.meta.env.VITE_API_URL}/api/time`); |
| 11 | if (!response.ok) throw new Error(`Request failed (${response.status})`); |
| 12 | const data: { time: string } = await response.json(); |
| 13 | result.textContent = `Database time: ${data.time}`; |
| 14 | } catch { |
| 15 | result.textContent = "Could not read the database. Please try again."; |
| 16 | } finally { |
| 17 | button.disabled = false; |
| 18 | } |
| 19 | }); |