From a55090073804f540baf90d5ab11ecc0f173c97aa Mon Sep 17 00:00:00 2001
From: TTPL-RT-52 <shreyas1434shinde@gmail.com>
Date: Fri, 26 Jul 2024 15:23:04 +0530
Subject: [PATCH] Issue #PS-1521 fix: Upcoming Extra Sessions cards copy UI
 implementation

---
 src/components/SessionCard.tsx | 29 ++++++++++++++++++++++++++++-
 src/services/Sessionservice.ts |  2 ++
 src/utils/Interfaces.ts        |  1 +
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/components/SessionCard.tsx b/src/components/SessionCard.tsx
index 5f3e25a0..b0e1d7d5 100644
--- a/src/components/SessionCard.tsx
+++ b/src/components/SessionCard.tsx
@@ -2,6 +2,7 @@ import { Box, Typography } from '@mui/material';
 import { Session, SessionsCardProps } from '@/utils/Interfaces';
 
 import CenterSessionModal from './CenterSessionModal';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import EditOutlined from '@mui/icons-material/EditOutlined';
 import PlannedSession from './PlannedSession';
 import React from 'react';
@@ -12,6 +13,9 @@ const SessionsCard: React.FC<SessionsCardProps> = ({ data, children }) => {
   const [open, setOpen] = React.useState(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
+
+  console.log(data.url, 'shreyas');
+
   return (
     <Box
       sx={{
@@ -24,7 +28,7 @@ const SessionsCard: React.FC<SessionsCardProps> = ({ data, children }) => {
         sx={{
           display: 'flex',
           justifyContent: 'space-between',
-          padding: '8px 16px',
+          padding: '8px 16px 4px',
         }}
       >
         <Box>
@@ -46,6 +50,29 @@ const SessionsCard: React.FC<SessionsCardProps> = ({ data, children }) => {
         </Box>
         <EditOutlined onClick={handleOpen} sx={{ cursor: 'pointer' }} />
       </Box>
+      <Box
+        sx={{
+          padding: '0px 16px 8px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          gap: '30px',
+        }}
+      >
+        <Box
+          sx={{
+            fontSize: '14px',
+            color: '#0D599E',
+            fontWeight: '500',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            overflow: 'hidden',
+            width: '100%',
+          }}
+        >
+          {data?.url}
+        </Box>
+        <ContentCopyIcon sx={{ fontSize: '18px', color: '#0D599E' }} />
+      </Box>
       <CenterSessionModal
         open={open}
         handleClose={handleClose}
diff --git a/src/services/Sessionservice.ts b/src/services/Sessionservice.ts
index 51c903f7..80a9383c 100644
--- a/src/services/Sessionservice.ts
+++ b/src/services/Sessionservice.ts
@@ -11,12 +11,14 @@ export const getSessions = (cohortId: string) => {
       teacherName: 'Mahima Shastri',
       topic: 'real numbers',
       subtopic: 'irrational numbers',
+      url: 'https://zoom.us/j/92735086013?a3t2172..',
     },
     {
       id: 2,
       subject: 'Mathematics',
       time: '11 am - 12 pm',
       teacherName: 'vivek kasture',
+      url: 'https://zoom.us/j/92735086013?a3t2172',
     },
     {
       id: 3,
diff --git a/src/utils/Interfaces.ts b/src/utils/Interfaces.ts
index a8fdf104..5d9059d3 100644
--- a/src/utils/Interfaces.ts
+++ b/src/utils/Interfaces.ts
@@ -342,6 +342,7 @@ export interface Session {
   teacherName: string;
   topic?: string;
   subtopic?: string;
+  url?: string;
 }
 
 export interface SessionCardFooterProps {