diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2024-01-09 15:32:19 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2024-01-09 15:32:19 -0500 |
| commit | 323b0ea1282abc0945cef1ebf8185bdf9a156f5d (patch) | |
| tree | 5526370fed1acbcb3cc2d43b9b1d0a6264783b47 /src/components/feedback-button/feedback-button-email.tsx | |
| parent | 5ce96aef30b87a1aeecfac67e99621b06ab64b93 (diff) | |
Feedback button
Diffstat (limited to 'src/components/feedback-button/feedback-button-email.tsx')
| -rw-r--r-- | src/components/feedback-button/feedback-button-email.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/components/feedback-button/feedback-button-email.tsx b/src/components/feedback-button/feedback-button-email.tsx new file mode 100644 index 0000000..ecb8c7d --- /dev/null +++ b/src/components/feedback-button/feedback-button-email.tsx @@ -0,0 +1,24 @@ +import { Heading } from '@react-email/heading' +import { Html } from '@react-email/html' +import { Preview } from '@react-email/preview' +import { Text } from '@react-email/text' + +type Props = { + email?: string + message: string +} + +export function FeedbackButtonEmail({ email, message }: Props) { + return ( + <Html> + <Preview>New feedback from {email || 'anonymous user'}</Preview> + <Heading>New feedback on Spliit</Heading> + <Text> + Email address: <strong>{email || 'not provided'}</strong> + </Text> + <pre style={{ padding: 16, borderLeft: '2px solid lightgray' }}> + {message} + </pre> + </Html> + ) +} |