From a07b99ced38b70ca04f687250b802d1964c1356a Mon Sep 17 00:00:00 2001 From: Samuel Leite <shpl19@inf.ufpr.br> Date: Wed, 9 Jun 2021 11:14:12 -0300 Subject: [PATCH] Issue #55: Add copy to clipboard feature on share. --- src/components/fieldsListForms/ShareButton.jsx | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/src/components/fieldsListForms/ShareButton.jsx b/src/components/fieldsListForms/ShareButton.jsx index 3d94dd6..9872083 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> </> -- GitLab