opengraph stuff

src/workspaces/emailer/emails/JobCompleted.tsx

@@ -0,0 +1,23 @@
+import Layout from 'emailer/emails/layouts/MainLayout.jsx';
+import { Container, Text } from '@react-email/components';
+
+type JobEmailData = {
+  job: { type: string; completedAt?: number };
+};
+
+const Email = ({ job }: JobEmailData) => {
+  return (
+    <Layout>
+      <Container>
+        <Text className="pt-4 text-2xl">Job Completed</Text>
+        <Text>
+          {job?.type === 'gmail-sync'
+            ? 'Your Google account is now completely synced.'
+            : `Your ${job?.type ?? 'unknown'} job has finished successfully.`}
+        </Text>
+      </Container>
+    </Layout>
+  );
+};
+
+export default Email;

src/workspaces/emailer/emails/JobFailed.tsx

@@ -0,0 +1,20 @@
+import Layout from 'emailer/emails/layouts/MainLayout.jsx';
+import { Container, Text } from '@react-email/components';
+
+type JobEmailData = {
+  job: { type: string; error?: string };
+};
+
+const Email = ({ job }: JobEmailData) => {
+  return (
+    <Layout>
+      <Container>
+        <Text className="pt-4 text-2xl">Job Failed</Text>
+        <Text>Your {job?.type ?? 'unknown'} job has failed.</Text>
+        {job?.error ? <Text className="text-sm text-gray-600">{job.error}</Text> : null}
+      </Container>
+    </Layout>
+  );
+};
+
+export default Email;