Merge branch 'issue/55' into 'development'

Issue #55: Add copy to clipboard feature on share.

See merge request !59

src/components/fieldsListForms/ShareButton.jsx

 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>
     </>