diff --git a/src/components/fieldsListForms/ShareButton.jsx b/src/components/fieldsListForms/ShareButton.jsx index 3d94dd628c9303758aaecdfe4115009c4422918e..9872083274096fbfb4c3c7caf52e0655e8250d35 100644 --- a/src/components/fieldsListForms/ShareButton.jsx +++ b/src/components/fieldsListForms/ShareButton.jsx @@ -1,13 +1,16 @@ import React from "react"; import Dialog from "@material-ui/core/Dialog"; import ShareOutlinedIcon from "@material-ui/icons/ShareOutlined"; +import FileCopyIcon from "@material-ui/icons/FileCopy"; import IconButton from "@material-ui/core/IconButton"; +import Button from "@material-ui/core/Button"; import Tooltip from "@material-ui/core/Tooltip"; import Grid from "@material-ui/core/Grid"; import DialogContent from "@material-ui/core/DialogContent"; import DialogContentText from "@material-ui/core/DialogContentText"; import DialogTitle from "@material-ui/core/DialogTitle"; import { useTheme } from "@material-ui/core/styles"; +import { DialogActions } from "@material-ui/core"; function ShareButton(props) { const [open, setOpen] = React.useState(false); @@ -21,6 +24,8 @@ function ShareButton(props) { setOpen(false); }; + const form_link = `https://genforms.c3sl.ufpr.br/#/answer/${props.id}`; + return ( <> <Tooltip title="Compartilhar" arrow> @@ -40,8 +45,18 @@ function ShareButton(props) { </DialogTitle> <DialogContent> <DialogContentText id="alert-dialog-description"> - https://genforms.c3sl.ufpr.br/#/answer/{props.id} + {form_link} </DialogContentText> + <DialogActions disableSpacing> + <Button + variant="outlined" + onClick={() => { + navigator.clipboard.writeText(form_link); + }} + > + <FileCopyIcon /> + </Button> + </DialogActions> </DialogContent> </Dialog> </>