feat: add copy button (#1)

Co-authored-by: Your Name <you@example.com>
d0kur0 · Oct 21, 2023 · a138a88 · a138a88
1 parent 14f001a
commit a138a88
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/FileViewer.tsx b/src/components/FileViewer.tsx
@@ -35,6 +35,10 @@ export function FileViewer(props: FileViewerProps) {
 		event.key === "ArrowRight" && props.onNext?.();
 	};
 
+	const handleCopy = async () => {
+		await navigator.clipboard.writeText(props.file.url);
+	};
+
 	onMount(() => window.addEventListener("keydown", listener));
 	onCleanup(() => window.removeEventListener("keydown", listener));
 
@@ -144,6 +148,8 @@ export function FileViewer(props: FileViewerProps) {
 				<ButtonGroup colorScheme="accent" size="xs">
 					<Button onClick={props.onPrev}>prev</Button>
 					<Button onClick={props.onNext}>next</Button>
+
+					<Button onClick={() => handleCopy()}>copy</Button>
 				</ButtonGroup>
 			</Box>
 		</Box>