Issue #PS-1626 feat: pathname changes

tekdi · Aug 8, 2024 · b1d9f53 · b1d9f53
1 parent 761e279
commit b1d9f53
Show file tree

Hide file tree

Showing 3 changed files with 716 additions and 19 deletions.
diff --git a/src/pages/centers/[cohortId].tsx b/src/pages/centers/[cohortId].tsx
@@ -47,7 +47,7 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useRouter } from 'next/router';
 import ReactGA from 'react-ga4';
 import { Session } from '../../utils/Interfaces';
-import Schedule from './../../components/Schedule';
+import Schedule from '../../components/Schedule';
 import reassignLearnerStore from '@/store/reassignLearnerStore';
 import { Role } from '@/utils/app.constant';
 import { showToastMessage } from '@/components/Toastify';
@@ -278,7 +278,7 @@ const TeachingCenterDetails = () => {
 
   const viewAttendanceHistory = () => {
     if (classId !== 'all') {
-      router.push('/eventMonthView');
+      router.push(`${router.asPath}/events/${selectedDate}`);
       ReactGA.event('month-name-clicked', { selectedCohortID: classId });
     }
   };
@@ -318,7 +318,7 @@ const TeachingCenterDetails = () => {
               </Typography>
               {cohortDetails?.centerType && (
                 <Typography textAlign={'left'} fontSize={'22px'}>
-                  {cohortDetails?.centerType} 
+                  {cohortDetails?.centerType}
                 </Typography>
               )}
               <Box>
@@ -327,21 +327,21 @@ const TeachingCenterDetails = () => {
                   fontSize={'11px'}
                   fontWeight={500}
                 >
-                  {cohortDetails?.address} 
+                  {cohortDetails?.address}
                 </Typography>
               </Box>
             </Box>
           </Box>
           {role === Role.TEAM_LEADER && (
-          <IconButton
-            aria-label="more"
-            aria-controls="long-menu"
-            aria-haspopup="true"
-            onClick={handleMenuOpen}
-            sx={{ color: theme.palette.warning['A200'] }}
-          >
-            <MoreVertIcon />
-          </IconButton>
+            <IconButton
+              aria-label="more"
+              aria-controls="long-menu"
+              aria-haspopup="true"
+              onClick={handleMenuOpen}
+              sx={{ color: theme.palette.warning['A200'] }}
+            >
+              <MoreVertIcon />
+            </IconButton>
           )}
           <Menu
             id="long-menu"

diff --git a/src/pages/eventMonthView.tsx → ...enters/[cohortId]/events/[date]/index.tsx b/src/pages/eventMonthView.tsx → ...enters/[cohortId]/events/[date]/index.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import Header from '@/components/Header';
 import KeyboardBackspaceOutlinedIcon from '@mui/icons-material/KeyboardBackspaceOutlined';
-import { Session } from '../utils/Interfaces';
+import { Session } from '../../../../../utils/Interfaces';
 import SessionCardFooter from '@/components/SessionCardFooter';
 import SessionsCard from '@/components/SessionCard';
 import { getSessions } from '@/services/Sessionservice';
@@ -14,10 +14,14 @@ import { shortDateFormat } from '@/utils/Helper';
 import { getEventList } from '@/services/EventService';
 import { showToastMessage } from '@/components/Toastify';
 import MonthCalender from '@/components/MonthCalender';
+import { useRouter } from 'next/router';
+import { GetStaticPaths } from 'next';
 
 const eventMonthView = () => {
   const theme = useTheme<any>();
   const { t } = useTranslation();
+  const router = useRouter();
+  const { date }: any = router.query;
 
   const [sessions, setSessions] = useState<Session[]>([]);
   const [selectedDate, setSelectedDate] = useState<Date>(new Date());
@@ -28,7 +32,7 @@ const eventMonthView = () => {
   useEffect(() => {
     const getSessionsData = async () => {
       try {
-        const today = shortDateFormat(selectedDate);
+        const date = shortDateFormat(selectedDate);
         let cohortId;
         if (typeof window !== 'undefined' && window.localStorage) {
           cohortId = localStorage.getItem('classId') || '';
@@ -37,15 +41,15 @@ const eventMonthView = () => {
           const limit = 0;
           const offset = 0;
           const filters = {
-            date: today,
+            date: date,
             cohortId: cohortId,
             status: ['live'],
           };
           const response = await getEventList({ limit, offset, filters });
           let sessionArray: any[] = [];
           let extraSessionArray: any[] = [];
           if (response?.events.length > 0) {
-            response?.events.forEach((event: any) => {
+            response?.events?.forEach((event: any) => {
               if (event.isRecurring) {
                 sessionArray.push(event);
               }
@@ -112,8 +116,8 @@ const eventMonthView = () => {
                       onClick={() => {
                         window.history.back();
                         logEvent({
-                          action: 'back-button-clicked-attendance-history-page',
-                          category: 'Attendance History Page',
+                          action: 'back-button-clicked-events-month-page',
+                          category: 'events month Page',
                           label: 'Back Button Clicked',
                         });
                       }}
@@ -222,3 +226,10 @@ export async function getStaticProps({ locale }: { locale: string }) {
     },
   };
 }
+
+export const getStaticPaths: GetStaticPaths<{ slug: string }> = async () => {
+  return {
+    paths: [], //indicates that no page needs be created at build time
+    fallback: 'blocking', //indicates the type of fallback
+  };
+};