fix: copy to clipboard

.changeset/khaki-badgers-leave.md

@@ -0,0 +1,10 @@
+---
+'website': minor
+'@siafoundation/design-system': minor
+'explorer': minor
+'hostd': minor
+'renterd': minor
+'walletd': minor
+---
+
+Fixed an issue with the copy to clipboard feature.

libs/design-system/package.json

@@ -47,6 +47,7 @@
     "@visx/tooltip": "^2.17.0",
     "@visx/event": "^2.17.0",
     "d3-array": "^3.1.6",
+    "clipboard-polyfill": "^4.0.1",
     "@visx/xychart": "^2.18.0",
     "react-dropzone": "^14.2.3",
     "@radix-ui/react-radio-group": "^1.0.0",

libs/design-system/src/lib/clipboard.ts

@@ -1,12 +1,13 @@
 import React from 'react'
+import * as clipboard from 'clipboard-polyfill'
 import { ToastOptions, triggerToast, triggerToastNode } from './toast'
 
 export const copyToClipboard = (text: string, entity?: string) => {
   const message = entity
     ? `Copied ${entity} to clipboard`
     : 'Copied to clipboard'
   triggerToast(message)
-  navigator.clipboard.writeText(text)
+  clipboard.writeText(text)
 }
 
 export const copyToClipboardCustom = (
@@ -15,5 +16,5 @@ export const copyToClipboardCustom = (
   options?: ToastOptions
 ) => {
   triggerToastNode(message, options)
-  navigator.clipboard.writeText(text)
+  clipboard.writeText(text)
 }

package.json

@@ -71,6 +71,7 @@
     "bignumber.js": "^9.0.2",
     "blakejs": "^1.2.1",
     "class-variance-authority": "^0.7.0",
+    "clipboard-polyfill": "^4.0.1",
     "cmdk": "^0.2.0",
     "cobe": "^0.6.3",
     "core-js": "^3.6.5",