Rounded corner in the PDF template and adding margin for titles

src/components/drawer/index.tsx

@@ -85,6 +85,7 @@ const Drawer: FC<DrawerProps & CustomDrawerProps> = ({
           justifyContent={'space-between'}
           alignItems={'center'}
           mb={'24px'}
+          ml={'12px'}
         >
           <Typography className="h1">{title}</Typography>
           <Stack direction={'row'} spacing={0.5}>

src/features/app_notification/container/index.tsx

@@ -34,9 +34,10 @@ const NotificationContainer = ({
         {notifications.length === 0 && (
           <Box
             sx={{
-              height: '318px',
+              height: '100%',
               display: 'flex',
               alignItems: 'center',
+              justifyContent: 'center',
               gap: '24px',
             }}
           >

src/features/meetings/my_assignments/index.tsx

@@ -9,6 +9,7 @@ import MenuItem from '@components/menuitem';
 import MonthContainer from './month_container';
 import Select from '@components/select';
 import Typography from '@components/typography';
+import NoAssigmentsImg from '@assets/img/illustration_no_assigments.svg?component';
 
 const MyAssignments = () => {
   const { t } = useAppTranslation();
@@ -70,6 +71,33 @@ const MyAssignments = () => {
               },
             }}
           >
+            {personAssignments.length === 0 && (
+              <Box
+                sx={{
+                  height: '100%',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  gap: '24px',
+                }}
+              >
+                <NoAssigmentsImg viewBox="0 0 128 128" />
+                <Stack spacing="8px">
+                  <Typography className="h2">
+                    {t('tr_noAssignmentsYet')}
+                  </Typography>
+                  <Typography
+                    color="var(--grey-400)"
+                    sx={{
+                      maxWidth: '350px',
+                    }}
+                  >
+                    {t('tr_noAssignmentsYetDesc')}
+                  </Typography>
+                </Stack>
+              </Box>
+            )}
+
             <Stack spacing={2.3}>
               {personAssignments.map((month) => (
                 <MonthContainer key={month.month} monthData={month} />

src/locales/en/congregation.json

@@ -29,6 +29,7 @@
   "tr_ministerialServants": "Ministerial servants",
   "tr_studentAssignments": "Student assignments",
   "tr_noAssignmentsYet": "No assignments yet",
+  "tr_noAssignmentsYetDesc": "You don’t have any upcoming assignments, or none that match your current display filter.",
   "tr_withTerritory": "With territory",
   "tr_withoutTerritory": "Without territory",
   "tr_overdue": "Overdue",

src/views/meetings/midweek/S140/app_normal/S140PartTime.tsx

@@ -2,9 +2,18 @@ import { Text, View } from '@react-pdf/renderer';
 import { S140PartTimeType } from './index.types';
 import styles from './index.styles';
 
-const S140PartTime = ({ time, color, backgroundColor }: S140PartTimeType) => {
+const S140PartTime = ({
+  time,
+  color,
+  backgroundColor,
+  isClosingSong,
+}: S140PartTimeType) => {
+  const conditionalStyle = isClosingSong ? { borderBottomLeftRadius: 6 } : {};
+
   return (
-    <View style={{ ...styles.timeContainer, backgroundColor }}>
+    <View
+      style={{ ...styles.timeContainer, backgroundColor, ...conditionalStyle }}
+    >
       <Text style={{ ...styles.timeText, color }}>{time}</Text>
     </View>
   );

src/views/meetings/midweek/S140/app_normal/S140Source.tsx

@@ -12,9 +12,13 @@ const S140Source = ({
   return (
     <View style={styles.sourceContainer}>
       {source && (
-        <View style={styles.sourceTextContainer}>
-          <Text style={{ ...styles.sourceText, color }}>{source}</Text>
-          {duration && <Text style={styles.sourceDuration}>({duration})</Text>}
+        <View style={(styles.sourceTextContainer, { maxWidth: 350 })}>
+          <Text style={{ ...styles.sourceText, color }}>
+            {source}{' '}
+            {duration && (
+              <Text style={styles.sourceDuration}>({duration})</Text>
+            )}
+          </Text>
         </View>
       )}
 

src/views/meetings/midweek/S140/app_normal/index.tsx

@@ -306,6 +306,7 @@ const TemplateS140AppNormal = ({
                       time={meetingData.timing.pgm_end}
                       color="#942926"
                       backgroundColor="rgba(184, 43, 16, 0.08)"
+                      isClosingSong={true}
                     />
 
                     <S140Source

src/views/meetings/midweek/S140/app_normal/index.types.ts

@@ -9,6 +9,7 @@ export type S140PartTimeType = {
   time: string;
   color: string;
   backgroundColor: string;
+  isClosingSong?: boolean;
 };
 
 export type S140SourceType = {