From ea946aa397bdbd67844771e7fa8db3a0b63d2380 Mon Sep 17 00:00:00 2001
From: Rob Ellison <rob.ellison@r&r.org.uk>
Date: Mon, 17 Jul 2023 17:47:07 +0000
Subject: [PATCH] feat: add etherpad env api

---
 pages/etherpad/index.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/pages/etherpad/index.js b/pages/etherpad/index.js
index a4e32dd6..379df4f8 100644
--- a/pages/etherpad/index.js
+++ b/pages/etherpad/index.js
@@ -22,7 +22,7 @@ import { dirname, basename } from 'path';
 
 import { NewPadDialog } from '@/components/etherpad';
 
-function Pad({ padID, title }) {
+function Pad({ endpoint, padID, title }) {
   return (
     <Grid item xs={12} sm={6} md={4}>
       <Card sx={{ height: "100%", display: "flex", flexDirection: "column" }}>
@@ -53,7 +53,7 @@ function Pad({ padID, title }) {
             Doc
           </Button>
           <Button
-            href={`https://pad.airview.airwalkconsulting.io/p/${padID}`}
+            href={`${endpoint}/p/${padID}`}
             rel="noopener noreferrer"
             target="_blank"
             size="small"
@@ -368,6 +368,17 @@ export default function Home() {
 
 
 function PadView(pads) {
+  const [environment, setEnvironment] = useState("");
+
+  useEffect(() => {
+    const fetchData = async () =>{
+      const resp = await fetch("/api/environment");
+      const data = await resp.json();
+      console.log(data)
+      setEnvironment(data)
+    }
+    fetchData()
+  },[]);
 
   // console.log('PadView:pads: ', pads)
   const collections = Object.entries(pads.pads).map(([key, value]) => {
@@ -386,7 +397,7 @@ function PadView(pads) {
           <Grid container spacing={4}>
 
             {elements.map((element, index) => (
-              <Pad padID={element.padID} title={element.title} />
+              <Pad endpoint={environment.ETHERPAD_URL} padID={element.padID} title={element.title} />
             ))}
           </Grid>
         </div>