[refactor] Reduce codebase down to a bare minimum & remove unused dependencies.

api/schema.ts

@@ -1,19 +1,9 @@
-import { CategoryResponse, DataAttributes } from '../types';
-import { APIResponseBlog } from '../types/Blogs';
+import { DataAttributes } from '../types';
 import { APIResponseEvent } from '../types/Events';
 import { MemberResponse } from '../types/Members';
-import { APIResponseSponsor } from '../types/Sponsors';
 
 import { CustomFetch } from './useFetch';
 
-const blogs = (customFetch: CustomFetch) =>
-  ({
-    blogsList: async () => {
-      const res = await customFetch('CMS', 'blogs?populate=*');
-      return res.data as APIResponseBlog;
-    },
-  } as const);
-
 const events = (customFetch: CustomFetch) =>
   ({
     eventsList: async () => {
@@ -29,20 +19,10 @@ const members = (customFetch: CustomFetch) => ({
   },
 });
 
-const sponsors = (customFetch: CustomFetch) =>
-  ({
-    sponsorsList: async () => {
-      const res = await customFetch('CMS', 'sponsors?populate=*');
-      return res.data as APIResponseSponsor;
-    },
-  } as const);
-
 const config = (customFetch: CustomFetch) =>
   ({
-    ...blogs(customFetch),
     ...events(customFetch),
     ...members(customFetch),
-    ...sponsors(customFetch),
   } as const);
 
 export default config;

components/Common/NavBar.tsx

@@ -10,12 +10,10 @@ import Tabs from '@mui/material/Tabs';
 import Typography from '@mui/material/Typography';
 
 import Logo from '@public/MCSS.svg';
-import { getAllBlogs } from '@store/blogSlice';
 import { getAllEvents } from '@store/eventSlice';
 import { useAppDispatch, useAppSelector } from '@store/hooks';
 import { useIsMobile } from '@utils/hooks';
 import classNames from 'classnames';
-import useSponsors from 'hooks/useSponsors';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import _ from 'underscore';
@@ -40,34 +38,19 @@ const NavBar: FC = () => {
   const [showDrawer, setShowDrawer] = useState(false);
   const router = useRouter();
   const { events } = useAppSelector((state) => state.events);
-  const { blogs } = useAppSelector((state) => state.blogs);
-  const { data: sponsors } = useSponsors();
   const links = [
     { label: 'Events', href: '/Events' },
-    { label: 'Blogs', href: '/Blogs' },
-    { label: 'Sponsors', href: '/Sponsors' },
   ];
-  const searchBarWhiteList = ['/Events', '/Blogs', '/Sponsors'];
+  const searchBarWhiteList = ['/Events'];
   const partialRouteMatch = searchBarWhiteList.some((route) => router.pathname.includes(route));
   const options = [
     ...Object.entries(events).map(([id, { title }]) => ({ label: `Event: ${title}`, value: id })),
-    ...Object.entries(blogs).map(([id, { title }]) => ({ label: `Blog: ${title}`, value: id })),
-    ...(sponsors?.data
-      ? Object.entries(sponsors.data).map(([, { id, attributes }]) => ({
-        label: `Sponsors: ${attributes.title}`,
-        value: id.toString(),
-      }))
-      : []),
   ];
 
   useEffect(() => {
     if (_.isEmpty(events)) {
       dispatch(getAllEvents());
     }
-
-    if (_.isEmpty(blogs)) {
-      dispatch(getAllBlogs());
-    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -114,10 +97,6 @@ const NavBar: FC = () => {
               setValue(selectedOption);
               if (selectedOption?.label.includes('Event:')) {
                 router.push(`/Events/${selectedOption.value}`);
-              } else if (selectedOption?.label.includes('Blog:')) {
-                router.push(`/Blogs/${selectedOption.value}`);
-              } else if (selectedOption?.label.includes('Sponsors:')) {
-                router.push(`/Sponsors/${selectedOption.value}`);
               }
             }}
             options={options}

components/Events/EventHighlightSection.tsx

@@ -1,8 +1,6 @@
 import { FC } from 'react';
 
 import EventOutlinedIcon from '@mui/icons-material/EventOutlined';
-import PersonOutlineOutlinedIcon from '@mui/icons-material/PersonOutlineOutlined';
-import Button from '@mui/material/Button';
 
 import MaterialCard from '@components/Common/MaterialCard';
 import MediaQueryContainer from '@components/Common/MediaQueryContainer';

components/Events/EventListSection.tsx

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import EventOutlinedIcon from '@mui/icons-material/EventOutlined';
-import PersonOutlineOutlinedIcon from '@mui/icons-material/PersonOutlineOutlined';
 
 import MaterialCard from '@components/Common/MaterialCard';
 import Tag from '@components/Common/Tag';