From e7f2badbf49c14415f27661f7e5b0f50bc185082 Mon Sep 17 00:00:00 2001
From: Jordan Isip <jordan@usewaypoint.com>
Date: Mon, 15 Apr 2024 12:26:05 -0400
Subject: [PATCH] Adding link to JSON example on import dialog (#86)

---
 .../ImportJson/ImportJsonDialog.tsx           | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/editor-sample/src/App/TemplatePanel/ImportJson/ImportJsonDialog.tsx b/packages/editor-sample/src/App/TemplatePanel/ImportJson/ImportJsonDialog.tsx
index d9e4c63..757b37a 100644
--- 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