add working button to view uploaded file

client/src/pages/FroshRetreat/FroshRetreat.jsx

@@ -253,6 +253,21 @@ const RetreatRegistration = () => {
     }
   };
 
+  const handleViewWaiver = async () => {
+    try {
+      const { axios } = useAxios();
+      const response = await axios.get(`/frosh/view-waiver/`, {
+        responseType: 'blob', //  handling binary data
+      });
+      const blob = new Blob([response.data], { type: 'application/pdf' });
+      const url = window.URL.createObjectURL(blob);
+      window.open(url);
+    } catch (e) {
+      console.error(e);
+      setSnackbar('Error viewing waiver', true);
+    }
+  };
+
   return (
     <div style={{ margin: '0 20px' }}>
       <p style={{ textAlign: 'center' }}>
@@ -339,9 +354,7 @@ const RetreatRegistration = () => {
             <Button
               label="View Uploaded Waiver"
               isSecondary
-              onClick={() => {
-                window.open(`/view-waiver`, '_blank').focus();
-              }}
+              onClick={handleViewWaiver}
               style={{ marginBottom: '25px' }}
             />
           ) : (

server/routes.http

@@ -97,6 +97,10 @@ post {{$dotenv API_BASE_URL}}/frosh/upload-waiver
 
 ###
 
+get {{$dotenv API_BASE_URL}}/view-waiver
+
+###
+
 put {{$dotenv API_BASE_URL}}/frosh/info
 
 ###

server/src/loaders/routerLoader.js

@@ -24,6 +24,7 @@ const routerLoader = (app) => {
   app.use('/skule-hunt-game-controls', scuntGameSettingsRouter);
   app.use('/scunt', scuntRouter);
   app.use('/upload-waiver', userRouter);
+  app.use('/view-waiver', userRouter);
   app.use('/frosh', uploadRouter);
   //default route
   app.get('*', (req, res) => {

server/src/middlewares/upload.js

@@ -106,4 +106,9 @@ router.get('/view-waiver', async (req, res) => {
   }
 });
 
+// router.get('/view-waiver', (req, res) => {
+//   console.log('Reached /view-waiver route');
+//   res.send('View Waiver route is working');
+// });
+
 module.exports = router;