From 5da7b4c291baef586ea7c083a7e1d0425621ec9b Mon Sep 17 00:00:00 2001
From: Yingtao Liu <yliuuu@amazon.com>
Date: Tue, 23 Jan 2024 16:03:46 -0800
Subject: [PATCH] fix sharing

---
 src/component/Modal/ExportModal.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/component/Modal/ExportModal.jsx b/src/component/Modal/ExportModal.jsx
index 2727966a2..1e0c1876a 100644
--- a/src/component/Modal/ExportModal.jsx
+++ b/src/component/Modal/ExportModal.jsx
@@ -1,4 +1,4 @@
-import {Alert, Box, Button, Modal, Typography} from "@mui/material";
+import {Alert, Box, Button, Modal, TextField} from "@mui/material";
 import React, {useContext, useEffect} from "react";
 import AppContext from "../../store/app-context";
 import {useLocation} from "react-router-dom";
@@ -46,9 +46,12 @@ export function ExportModal(props) {
             >
                 <Box sx={style}>
                     <Alert severity="warning">Do not use the link to store data. </Alert>
-                    <Typography id="modal-modal-title" variant="h6" component="h2" style={{wordWrap: "break-word"}}>
-                        {url}
-                    </Typography>
+                    <TextField
+                        disabled
+                        label="url"
+                        id="modal-modal-title"
+                        value= {url}
+                    />
                     <Button
                         onClick={() => {
                             navigator.clipboard.writeText(url)