fixed chain / rstudio button copy text to clipboard (#3036)

Co-authored-by: Stefano Ricci <[email protected]> Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>
openforis · Sep 29, 2023 · 13e9df4 · 13e9df4
1 parent 4f5df54
commit 13e9df4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/webapp/store/ui/chain/actions/openRStudio.js b/webapp/store/ui/chain/actions/openRStudio.js
@@ -59,7 +59,7 @@ const _getRStudioCode = ({
   `
 }
 
-const _copyRStudioCode = ({ rStudioCode }) => copyToClipboard(rStudioCode)
+const _copyRStudioCode = async ({ rStudioCode }) => copyToClipboard(rStudioCode)
 
 const isInstanceRunning = async () => {
   const currentInstance = await API.getCurrentInstance()
@@ -117,8 +117,8 @@ export const openRStudio =
       DialogConfirmActions.showDialogConfirm({
         key: isLocal ? 'chainView.copyRStudioCodeLocal' : 'chainView.copyRStudioCode',
         params: { rStudioCode },
-        onOk: () => {
-          _copyRStudioCode({ rStudioCode })
+        onOk: async () => {
+          await _copyRStudioCode({ rStudioCode })
           if (!isLocal) {
             window.open(rStudioUrl, 'rstudio')
           }

diff --git a/webapp/utils/domUtils.js b/webapp/utils/domUtils.js
@@ -36,11 +36,10 @@ export const dispatchWindowResize = () => {
   window.dispatchEvent(new Event('resize'))
 }
 
-export const copyToClipboard = (text) => {
-  const input = document.body.appendChild(document.createElement('textarea'))
-  input.value = text
-  input.focus()
-  input.select()
-  document.execCommand('copy')
-  input.remove()
+export const copyToClipboard = async (text) => {
+  try {
+    await navigator.clipboard.writeText(text)
+  } catch (error) {
+    // ignore it
+  }
 }