1 files changed, 30 insertions, 2 deletions
diff --git a/client/src/components/Schedule.tsx b/client/src/components/Schedule.tsx
index 0ce7e4c..64140e4 100644
--- a/client/src/components/Schedule.tsx
+++ b/client/src/components/Schedule.tsx
@@ -1,10 +1,25 @@
 import React from 'react';
-import { Paper, Typography, useMediaQuery, useTheme } from '@mui/material';
+import {
+  IconButton,
+  Paper,
+  Typography,
+  useMediaQuery,
+  useTheme,
+} from '@mui/material';
 import divineShepherd from '/divine-shepherd.jpg';
+import InsertInvitationIcon from '@mui/icons-material/InsertInvitation';
+import { useAppDispatch } from '../hooks';
+import { showDialog } from '../slices/uiSlice';
 
 function Schedule() {
+  const dispatch = useAppDispatch();
   const theme = useTheme();
   const isMobile = useMediaQuery('(max-width: 768px)');
+
+  const handleOpen = () => {
+    dispatch(showDialog());
+  };
+
   return (
     <div
       style={{
@@ -28,10 +43,23 @@ function Schedule() {
           <div style={{ width: '35%' }}>
             <p>April 26, 2025</p>
           </div>
-          <div style={{ width: '65%' }}>
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-around',
+              width: '65%',
+            }}
+          >
             <Typography variant="h5" sx={{ lineHeight: 1.6 }}>
               Wedding Schedule
             </Typography>
+            <IconButton
+              color="inherit"
+              onClick={handleOpen}
+              aria-label="insert invitation"
+            >
+              <InsertInvitationIcon />
+            </IconButton>
           </div>
         </div>
         <hr style={{ width: '100%' }} />