Merge pull request #265 from LL08-MathematicalModelling-dowell/fronte…

…nd-Norah

Frontend norah

src/pages/scales/report/Booth.jsx

@@ -1,12 +1,18 @@
 import React from 'react'
 import { useState, useEffect} from 'react';
 import { Link, useParams, useSearchParams } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 const Booth = () => {
 
   const [boothInput, setBoothInput] = useState()
   const {slug}=useParams()
   console.log(slug)
+  const search = useLocation().search;
+  const scale_id =new URLSearchParams(search).get("scale_id");
+  const workspace_id =new URLSearchParams(search).get("workspace_id");
+  const username =new URLSearchParams(search).get("username");
+  const chanelName =new URLSearchParams(search).get("channel_name");
   const [searchParams, setSearchParams] = useSearchParams();
   console.log(searchParams.get("scale_id"))
   let currentUrlParams = new URLSearchParams(window.location.search);
@@ -24,7 +30,7 @@ const Booth = () => {
       <h3 className='mt-[140px]'>Please enter your booth number</h3>
       <input name='boothInput' value={boothInput} onChange={(e) =>setBoothInput(e.target.value)} type='number' className='w-[150px] h-[30px] border-2 border-black mt-5' />
       <button className='w-[70px] h-[30px] rounded-lg mt-[100px] bg-[#FEC39C]'
-      onClick={handleGoButton}><Link to="http://127.0.0.1:8000/nps-lite/api/v5/nps-lite-create-scale/?user=True&scale_type=nps_lite&workspace_id=65b8d6f13d801280ffe56d65&username=Paolo&scale_id=665ed61fa746caf0d6d407c9&channel_name=channel_1">Go</Link></button>
+      onClick={handleGoButton}><Link to={`https://100035.pythonanywhere.com/nps-lite/api/v5/nps-lite-create-scale/?user=False&scale_type=nps_lite&workspace_id=${workspace_id}&username=${username}&scale_id=${scale_id}&channel_name=${chanelName}&instance_id=${boothInput}`}>Go</Link></button>
     </div>
   )
 }