diff --git a/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx b/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx index fc69ed57121..4a9e733998f 100644 --- a/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx +++ b/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx @@ -351,21 +351,19 @@ const ExportToCSV = (props: Props) => { const {emailCSVUrl, referrer, corsOptions} = props return ( - <> - - - - {label} - {label} - - - - + + + + {label} + {label} + + + ) } diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx index dfb3bd67f4c..44fc7089dcb 100644 --- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx +++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx @@ -18,6 +18,7 @@ const contentStyle = { borderStyle: 'solid', borderWidth: '1px', boxSizing: 'content-box', + breakInside: 'avoid', color: PALETTE.SLATE_700, fontFamily: FONT_FAMILY.SANS_SERIF, fontSize: '14px', diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx index b5b46325d23..4e836b0cf75 100644 --- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx +++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx @@ -169,7 +169,7 @@ const RetroTopic = (props: Props) => { -
+ {commentLinkLabel} diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx index 138200b6327..c42a46ed20b 100644 --- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx +++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx @@ -5,7 +5,7 @@ import {SummarySheet_meeting$key} from 'parabol-client/__generated__/SummaryShee import CreateAccountSection from 'parabol-client/modules/demo/components/CreateAccountSection' import {sheetShadow} from 'parabol-client/styles/elevation' import {ACTION} from 'parabol-client/utils/constants' -import React from 'react' +import React, {useRef} from 'react' import {useFragment} from 'react-relay' import {Link} from 'react-router-dom' import useAtmosphere from '../../../../../hooks/useAtmosphere' @@ -90,12 +90,68 @@ const SummarySheet = (props: Props) => { `, meetingRef ) - const {id: meetingId, meetingType, taskCount} = meeting + const {id: meetingId, meetingType, taskCount, name} = meeting const isDemo = !!props.isDemo + const sheetRef = useRef(null) const downloadPDF = () => { SendClientSideEvent(atmosphere, 'Download PDF Clicked', {meetingId}) - window.print() + + const printStyles = ` + + ` + + const printWindow = window.open('', '_blank') + if (!printWindow) return + printWindow.document.write(` + + + Parabol: ${name} Summary + + + ${printStyles} + ${sheetRef.current?.outerHTML} + + + `) + printWindow.document.close() + printWindow.focus() + printWindow.print() + printWindow.onafterprint = () => { + printWindow.close() + } } return ( @@ -105,6 +161,7 @@ const SummarySheet = (props: Props) => { height='100%' align='center' bgcolor='#FFFFFF' + ref={sheetRef} style={sheetStyle} >