From 17f60219c5fc12dbb9d7c70a4d8e4de0d52b8a28 Mon Sep 17 00:00:00 2001
From: harshith-venkatesh <harshithece7016@gmail.com>
Date: Mon, 2 Oct 2023 01:44:27 +0530
Subject: [PATCH] redirect user to homepage if cookie is missing

---
 app/routes/index.tsx      | 13 ++++++++-----
 app/utils/cookie.utils.ts | 10 ++++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/app/routes/index.tsx b/app/routes/index.tsx
index 41e8611..c6d6127 100644
--- a/app/routes/index.tsx
+++ b/app/routes/index.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { LoaderFunction, json, redirect } from '@remix-run/node';
-import { Outlet, useLoaderData } from '@remix-run/react';
+import { Outlet, useLoaderData, useNavigate } from '@remix-run/react';
 import { toast, ToastContainer } from 'react-toastify';
 import axios from 'axios';
 import dayjs from 'dayjs';
@@ -10,7 +10,7 @@ import { useStore } from '~/store/useStore';
 import { parseEvents } from '~/utils/event.utils';
 import { getEvents } from '~/constants/urls.constants';
 import { getUrls } from '~/models/urls.server';
-import { parseCookie } from '~/utils/cookie.utils';
+import { clearCookies, parseCookie } from '~/utils/cookie.utils';
 
 type LoaderData = {
   apiHost?: string;
@@ -52,12 +52,11 @@ function CalendarPage() {
     let calendarId = 0;
     const startTime = dayjs().subtract(1, 'months').startOf('month').unix() * 1000;
     const endTime = dayjs().add(1, 'months').endOf('month').unix() * 1000;
-
+    const navigate = useNavigate();
     if (typeof window !== 'undefined') {
       const cookie = parseCookie(document.cookie);
       calendarId = Number(cookie.calendarId);
     }
-
     try {
       const { data: eventsList } = await axios.get(
         getEvents(apiHost, calendarId, startTime, endTime),
@@ -69,7 +68,11 @@ function CalendarPage() {
         },
       );
       setEvents(parseEvents(eventsList.data));
-    } catch (error) {
+    } catch (error: any) {
+      if (error?.response?.status === 401) {
+        clearCookies();
+        navigate('/login');
+      }
       toast.error('Unable to fetch the event Details', {
         toastId: 'events_error',
       });
diff --git a/app/utils/cookie.utils.ts b/app/utils/cookie.utils.ts
index 5234028..9483703 100644
--- a/app/utils/cookie.utils.ts
+++ b/app/utils/cookie.utils.ts
@@ -9,3 +9,13 @@ export const parseCookie = (str: string) =>
       acc[camelKey] = value;
       return acc;
     }, {} as Record<string, string>);
+
+const clearCookie = (cookieName: string) => {
+  document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+};
+
+export const clearCookies = () => {
+  clearCookie('rcal-session');
+  clearCookie('username');
+  clearCookie('calendar-id');
+};