Adding link to JSON example on import dialog (#86)

usewaypoint · Apr 15, 2024 · e7f2bad · e7f2bad
1 parent 1aca411
commit e7f2bad
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/packages/editor-sample/src/App/TemplatePanel/ImportJson/ImportJsonDialog.tsx b/packages/editor-sample/src/App/TemplatePanel/ImportJson/ImportJsonDialog.tsx
@@ -1,6 +1,16 @@
 import React, { useState } from 'react';
 
-import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, Typography } from '@mui/material';
+import {
+  Alert,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Link,
+  TextField,
+  Typography,
+} from '@mui/material';
 
 import { resetDocument } from '../../../documents/editor/EditorContext';
 
@@ -42,7 +52,14 @@ export default function ImportJsonDialog({ onClose }: ImportJsonDialogProps) {
       >
         <DialogContent>
           <Typography color="text.secondary" paragraph>
-            Copy and paste an EmailBuilder.js JSON.
+            Copy and paste an{' '}
+            <Link
+              href="https://github.com/usewaypoint/email-builder-js?tab=readme-ov-file#using-emailbuilderjs"
+              target="_blank"
+              underline="none"
+            >
+              EmailBuilder.js JSON.
+            </Link>
           </Typography>
           {errorAlert}
           <TextField