From 904120594ea04c38992e5056266fe573f96833be Mon Sep 17 00:00:00 2001
From: ttpl-rt-099 <shreyas_s@techjoomla.com>
Date: Mon, 5 Aug 2024 11:30:18 +0530
Subject: [PATCH 1/3] Issue #PS-1534 feat: Foundation Course detail view UI
 implementation

---
 src/components/FacilitatorDrawer.tsx |  4 ++--
 src/components/PlannedSession.tsx    | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/FacilitatorDrawer.tsx b/src/components/FacilitatorDrawer.tsx
index 69c4fdae..d529bd7d 100644
--- a/src/components/FacilitatorDrawer.tsx
+++ b/src/components/FacilitatorDrawer.tsx
@@ -55,7 +55,7 @@ const FacilitatorDrawer: React.FC<FacilitatorDrawerProps> = ({
               <Box>
                 <Box
                   onClick={toggleDrawer(false)}
-                  sx={{ padding: '20px 16px' }}
+                  sx={{ padding: '20px 16px 0' }}
                 >
                   <Button
                     variant="outlined"
@@ -83,7 +83,7 @@ const FacilitatorDrawer: React.FC<FacilitatorDrawerProps> = ({
             )}
             {primary && (
               <Box sx={{ width: secondary ? 'unset' : '100%' }}>
-                <Box sx={{ padding: '20px 16px' }}>
+                <Box sx={{ padding: '20px 16px 0' }}>
                   <Button
                     variant="contained"
                     color="primary"
diff --git a/src/components/PlannedSession.tsx b/src/components/PlannedSession.tsx
index d900399f..44c2475e 100644
--- a/src/components/PlannedSession.tsx
+++ b/src/components/PlannedSession.tsx
@@ -142,6 +142,25 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
             >
               {t('CENTER_SESSION.SESSION_DETAILS')}
             </Box>
+            <Box sx={{ mt: 2 }}>
+              <FormControl fullWidth>
+                <InputLabel
+                  style={{ color: theme?.palette?.warning['A200'] }}
+                  id="demo-simple-select-label"
+                  sx={{ background: '#fff', px: '2px' }}
+                >
+                  Subject (Optional)
+                </InputLabel>
+                <Select
+                  labelId="demo-simple-select-label"
+                  id="demo-simple-select"
+                  label="Subject (Optional)"
+                  style={{ borderRadius: '4px' }}
+                >
+                  {/* <MenuItem value={'Mathematics'}>Mathematics</MenuItem> */}
+                </Select>
+              </FormControl>
+            </Box>
             <Box sx={{ mt: 2 }}>
               <TextField
                 id="outlined-basic"

From 0bd1731fefbc5a7246cbd78ef174a0b582fb5988 Mon Sep 17 00:00:00 2001
From: ttpl-rt-099 <shreyas_s@techjoomla.com>
Date: Mon, 5 Aug 2024 11:41:32 +0530
Subject: [PATCH 2/3] Issue #PS-1534 feat: Foundation Course detail view UI
 implementation

---
 public/locales/en/common.json     |  3 ++-
 src/components/PlannedSession.tsx | 11 +++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 39b221f3..459e08da 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -344,7 +344,8 @@
     "SESSION_TITLE": "Session Title",
     "TYPE_OF_SESSION": "Type of Session",
     "REPEATING": "Repeating",
-    "JUST_ONCE": "Just Once"
+    "JUST_ONCE": "Just Once",
+    "SUBJECT_OPTIONAL":"Subject (Optional)"
   },
   "MANAGE_USERS": {
     "CENTERS_REQUESTED_SUCCESSFULLY": "Center Requested Successfully"
diff --git a/src/components/PlannedSession.tsx b/src/components/PlannedSession.tsx
index 44c2475e..9c835c36 100644
--- a/src/components/PlannedSession.tsx
+++ b/src/components/PlannedSession.tsx
@@ -145,16 +145,19 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
             <Box sx={{ mt: 2 }}>
               <FormControl fullWidth>
                 <InputLabel
-                  style={{ color: theme?.palette?.warning['A200'] }}
+                  style={{
+                    color: theme?.palette?.warning['A200'],
+                    background: theme?.palette?.warning['A400'],
+                    px: '2px',
+                  }}
                   id="demo-simple-select-label"
-                  sx={{ background: '#fff', px: '2px' }}
                 >
-                  Subject (Optional)
+                  {t('CENTER_SESSION.SUBJECT_OPTIONAL')}
                 </InputLabel>
                 <Select
                   labelId="demo-simple-select-label"
                   id="demo-simple-select"
-                  label="Subject (Optional)"
+                  label={t('CENTER_SESSION.SUBJECT_OPTIONAL')}
                   style={{ borderRadius: '4px' }}
                 >
                   {/* <MenuItem value={'Mathematics'}>Mathematics</MenuItem> */}

From e3daf66944850bebea33e7c546fe087b63a950d0 Mon Sep 17 00:00:00 2001
From: ttpl-rt-099 <shreyas_s@techjoomla.com>
Date: Mon, 5 Aug 2024 11:56:07 +0530
Subject: [PATCH 3/3] Issue #PS-1534 feat: Foundation Course detail view UI
 implementation

---
 src/components/PlannedSession.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/PlannedSession.tsx b/src/components/PlannedSession.tsx
index 9c835c36..c86738bd 100644
--- a/src/components/PlannedSession.tsx
+++ b/src/components/PlannedSession.tsx
@@ -148,7 +148,8 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                   style={{
                     color: theme?.palette?.warning['A200'],
                     background: theme?.palette?.warning['A400'],
-                    px: '2px',
+                    paddingLeft: '2px',
+                    paddingRight: '2px',
                   }}
                   id="demo-simple-select-label"
                 >