task #2787:- youthNet UI implementation

src/components/PlannedSession.tsx

@@ -58,6 +58,7 @@ import WeekDays from './WeekDays';
 import { getOptionsByCategory } from '@/utils/Helper';
 import { telemetryFactory } from '@/utils/telemetry';
 import { DesktopTimePicker } from '@mui/x-date-pickers/DesktopTimePicker';
+import useNotification from '@/hooks/useNotification';
 
 dayjs.extend(utc);
 dayjs.extend(timezone);
@@ -810,6 +811,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
       )
     );
   };
+  const { getNotification } = useNotification();
 
   const handleAddSession = () => {
     const newSessionId = sessionBlocks.length;
@@ -976,6 +978,34 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                   'success'
                 );
 
+                if (cohortId) {
+                  const filters = {
+                    cohortId,
+                    role: Role.STUDENT,
+                    // status: [Status.ACTIVE],
+                  };
+
+                  try {
+                    const response = await getMyCohortMemberList({
+                      // limit: 20,
+                      // page: 0,
+                      filters,
+                    });
+
+                    if (response?.result?.userDetails) {
+                      const deviceId = response?.result?.userDetails.map((device: any) => device?.deviceId).filter((id: any) => id !== null);
+                      if (deviceId?.length > 0) {
+                        getNotification(deviceId, "LEARNER_NEW_SESSION_ALERT");
+                      } else {
+                        console.warn("No valid device IDs found. Skipping notification API call.");
+                      }
+                    }
+                  } catch (error) {
+                    console.error("Error fetching cohort member list:", error);
+                  }
+                }   
+
+
                 const windowUrl = window.location.pathname;
                 const cleanedUrl = windowUrl.replace(/^\//, '');
                 const telemetryInteract = {

src/components/youthNet/UploadedFile.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { Box, Typography } from '@mui/material';
+import { VillageDetailProps } from '@/utils/Interfaces';
+import { useTheme } from '@mui/material/styles';
+import Image from 'next/image';
+import mp from './../../assets/images/mp.png'
+import GetAppIcon from '@mui/icons-material/GetApp';
+
+
+
+
+const UploadedFile: React.FC<VillageDetailProps> = ({
+    title,
+}) => {
+    const theme = useTheme<any>();
+    return (
+        <Box
+            sx={{
+                border: `1px solid ${theme.palette.warning['A100']}`,
+                bgcolor: theme.palette.warning['800'],
+                padding: '12px',
+                margin: '100px',
+                borderRadius: '8px',
+            }}
+        >
+            <Box display="flex" justifyContent="space-between" alignItems="center">
+                <Box display="flex" gap="8px">
+
+                    <Box>
+                        <Image
+                            src={mp}
+                            alt="Login Image"
+                        />
+                    </Box>
+
+                    {title && (
+                        <Typography
+                            variant="subtitle1"
+                            sx={{
+                                fontWeight: 500,
+                                lineHeight: '24px',
+                                fontSize:'14px',
+                                color: 'black',
+                            }}
+                            className="one-line-text"
+                        >
+                            {title}
+                        </Typography>
+                    )}
+
+                </Box>
+
+                <GetAppIcon
+                    sx={{
+                        fontSize: '20px',
+                        color: theme.palette.warning['300']
+                    }}
+                />
+            </Box>
+        </Box>
+    );
+};
+
+export default UploadedFile;

src/pages/centers/[cohortId]/index.tsx

@@ -213,32 +213,7 @@ const CohortPage = () => {
     });
 
 
-    if (cohortId) {
-      const filters = {
-        cohortId,
-        role: Role.STUDENT,
-        // status: [Status.ACTIVE],
-      };
 
-      try {
-        const response = await getMyCohortMemberList({
-          // limit: 20,
-          // page: 0,
-          filters,
-        });
-
-        if (response?.result?.userDetails) {
-          const deviceId = response?.result?.userDetails.map((device: any) => device?.deviceId).filter((id:any) => id !== null); 
-          if (deviceId?.length > 0) {
-            getNotification(deviceId, "LEARNER_NEW_SESSION_ALERT");
-          } else {
-            console.warn("No valid device IDs found. Skipping notification API call.");
-          }
-        }
-      } catch (error) {
-        console.error("Error fetching cohort member list:", error);
-      }
-    }   
   };
 
   const handleCloseSchedule = () => {