From 1853c8eac79e563e39ad716d1c3e60da3e5b1666 Mon Sep 17 00:00:00 2001
From: zisra <100528712+zisra@users.noreply.github.com>
Date: Mon, 20 Feb 2023 20:18:38 -0600
Subject: [PATCH] Create DownloadAction.tsx

---
 .../components/actions/DownloadAction.tsx     | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/video/components/actions/DownloadAction.tsx

diff --git a/src/video/components/actions/DownloadAction.tsx b/src/video/components/actions/DownloadAction.tsx
new file mode 100644
index 00000000..11435024
--- /dev/null
+++ b/src/video/components/actions/DownloadAction.tsx
@@ -0,0 +1,22 @@
+import { Icons } from "@/components/Icon";
+import { useVideoPlayerDescriptor } from "@/video/state/hooks";
+import { useSource } from "@/video/state/logic/source";
+import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton";
+
+interface Props {
+  className?: string;
+}
+
+export function DownloadAction(props: Props) {
+  const descriptor = useVideoPlayerDescriptor();
+  const sourceInterface = useSource(descriptor);
+
+  return (
+    <a href={sourceInterface.source?.url} download>
+      <VideoPlayerIconButton
+        className={props.className}
+        icon={Icons.DOWNLOAD}
+      />
+    </a>
+  );
+}