[Tech debt] Remove blog (#105)

Author: nxabdullah

api/schema.ts

@@ -1,19 +1,10 @@
 import { CategoryResponse, DataAttributes } from '../types';
-import { APIResponseBlog } from '../types/Blogs';
 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 () => {
@@ -39,7 +30,6 @@ const sponsors = (customFetch: CustomFetch) =>
 
 const config = (customFetch: CustomFetch) =>
   ({
-    ...blogs(customFetch),
     ...events(customFetch),
     ...members(customFetch),
     ...sponsors(customFetch),

components/Blogs/BlogHighlightSection.tsx

@@ -10,7 +10,6 @@ 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';
@@ -40,18 +39,15 @@ 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', '/Sponsors'];
   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}`,
@@ -64,10 +60,6 @@ const NavBar: FC = () => {
     if (_.isEmpty(events)) {
       dispatch(getAllEvents());
     }
-
-    if (_.isEmpty(blogs)) {
-      dispatch(getAllBlogs());
-    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -114,8 +106,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}`);
               }

components/Blogs/BlogListSection.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/Common/NavBar.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';

components/Events/EventHighlightSection.tsx

@@ -2,7 +2,6 @@ import { FC } from 'react';
 
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import EventOutlinedIcon from '@mui/icons-material/EventOutlined';
-import PersonOutlineOutlinedIcon from '@mui/icons-material/PersonOutlineOutlined';
 import Button from '@mui/material/Button';
 
 import HorizontalSkeletonLoader from '@components/Common/HorizontalSkeletonLoader';

components/Events/EventListSection.tsx

@@ -5,7 +5,6 @@ import Button from '@mui/material/Button';
 import MaterialCard from '@components/Common/MaterialCard';
 import MediaQueryContainer from '@components/Common/MediaQueryContainer';
 import Slider from '@components/Common/Slider';
-import { formatDate } from '@utils/helper';
 import useSponsors from 'hooks/useSponsors';
 import Image from 'next/image';
 import { useRouter } from 'next/router';