From 0ba699d66ecad0e70be3b06a3d531d30466b94a3 Mon Sep 17 00:00:00 2001
From: Astrid <github@astrid.exposed>
Date: Wed, 31 Jan 2024 22:58:38 +0100
Subject: [PATCH] useCopyToClipboard

---
 src/components/player/atoms/settings/Downloads.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/player/atoms/settings/Downloads.tsx b/src/components/player/atoms/settings/Downloads.tsx
index 5eb7d798..4ab7a232 100644
--- a/src/components/player/atoms/settings/Downloads.tsx
+++ b/src/components/player/atoms/settings/Downloads.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from "react";
 import { Trans, useTranslation } from "react-i18next";
+import { useCopyToClipboard } from "react-use";
 
 import { Button } from "@/components/buttons/Button";
 import { Icon, Icons } from "@/components/Icon";
@@ -43,6 +44,7 @@ export function DownloadView({ id }: { id: string }) {
   const router = useOverlayRouter(id);
   const { t } = useTranslation();
   const downloadUrl = useDownloadLink();
+  const [, copyToClipboard] = useCopyToClipboard();
 
   const sourceType = usePlayerStore((s) => s.source?.type);
   const selectedCaption = usePlayerStore((s) => s.caption?.selected);
@@ -77,7 +79,7 @@ export function DownloadView({ id }: { id: string }) {
                   // Allow context menu & left click to copy
                   event.preventDefault();
 
-                  navigator.clipboard.writeText(downloadUrl);
+                  copyToClipboard(downloadUrl);
                 }}
               >
                 {t("player.menus.downloads.downloadPlaylist")}