added protection to make sure that only registered frosh can access f…

…rosh olympiks page

client/src/pages/FroshOlympiks/FroshOlympiks.jsx

@@ -1,11 +1,22 @@
 import React, { useState, useEffect, useContext } from 'react';
 import './FroshOlympiks.scss';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
+import { registeredSelector, userSelector } from '../../state/user/userSlice';
+import { useSelector } from 'react-redux';
 import { ScheduleComponent } from '../../components/schedule/ScheduleOlympiks/ScheduleOlympiks';
 import useAxios from '../../hooks/useAxios';
 const { axios } = useAxios();
 
 export const FroshOlympiks = () => {
+  const navigate = useNavigate();
+  const isRegistered = useSelector(registeredSelector);
+
+  useEffect(() => {
+    if (!isRegistered) {
+      navigate('/profile');
+    }
+  }, [isRegistered]);
+
   return (
     <>
       <OlympiksSchedule />

client/src/pages/Profile/PageProfileFrosh.jsx

@@ -56,7 +56,7 @@ const PageProfileFrosh = () => {
         <div className="profile-info-row-right">
           {user?.attendingScunt === true ? <ProfilePageFroshScuntMessage /> : null}
           <ProfilePageRetreat />
-          <ProfilePageFroshOlympiks />
+          {isRegistered ? <ProfilePageFroshOlympiks /> : null}
           {/* <ProfilePageNitelife /> */}
           <ProfilePageInstagrams />
           <ProfilePageAnnouncements />

client/src/util/pages.jsx

@@ -202,7 +202,11 @@ export const pages = {
     },
     {
       label: 'frosh-olympiks',
-      component: <FroshOlympiks />,
+      component: (
+        <AuthorizedPage>
+          <FroshOlympiks />
+        </AuthorizedPage>
+      ),
       path: '/frosh-olympiks',
       includeFooter: true,
     },