Merge pull request #93 from shreyas1434shinde/coursePlaner

Issue #PS-1534 feat: Foundation Course detail view UI implementation
tekdi · Aug 5, 2024 · 5fd0781 · 5fd0781
2 parents 14afd7d + e3daf66
commit 5fd0781
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git 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/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
@@ -142,6 +142,29 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
             >
               {t('CENTER_SESSION.SESSION_DETAILS')}
             </Box>
+            <Box sx={{ mt: 2 }}>
+              <FormControl fullWidth>
+                <InputLabel
+                  style={{
+                    color: theme?.palette?.warning['A200'],
+                    background: theme?.palette?.warning['A400'],
+                    paddingLeft: '2px',
+                    paddingRight: '2px',
+                  }}
+                  id="demo-simple-select-label"
+                >
+                  {t('CENTER_SESSION.SUBJECT_OPTIONAL')}
+                </InputLabel>
+                <Select
+                  labelId="demo-simple-select-label"
+                  id="demo-simple-select"
+                  label={t('CENTER_SESSION.SUBJECT_OPTIONAL')}
+                  style={{ borderRadius: '4px' }}
+                >
+                  {/* <MenuItem value={'Mathematics'}>Mathematics</MenuItem> */}
+                </Select>
+              </FormControl>
+            </Box>
             <Box sx={{ mt: 2 }}>
               <TextField
                 id="outlined-basic"