feat(dl): add copy demo link button

akiver · Dec 3, 2023 · 417b20b · 417b20b
1 parent 264ec4c
commit 417b20b
Show file tree

Hide file tree

Showing 9 changed files with 49 additions and 0 deletions.
diff --git a/src/ui/components/buttons/copy-demo-link-button.tsx b/src/ui/components/buttons/copy-demo-link-button.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { Trans } from '@lingui/macro';
+import { CopyButton } from './copy-button';
+
+type Props = {
+  link: string;
+};
+
+export function CopyDemoLinkButton({ link }: Props) {
+  return (
+    <CopyButton data={link}>
+      <Trans context="Button">Copy demo link</Trans>
+    </CopyButton>
+  );
+}
diff --git a/src/ui/downloads/faceit/current-match.tsx b/src/ui/downloads/faceit/current-match.tsx
@@ -10,6 +10,7 @@ import { Match } from './match';
 import { useCurrentMatch } from './use-current-match';
 import { Button } from 'csdm/ui/components/buttons/button';
 import { SeeDemoButton } from 'csdm/ui/downloads/see-demo-button';
+import { CopyDemoLinkButton } from 'csdm/ui/components/buttons/copy-demo-link-button';
 
 function SeeOnFaceitButton() {
   const match = useCurrentMatch();
@@ -49,6 +50,7 @@ function ActionBar() {
           <RevealDemoInExplorerButton demoFileName={match.id} downloadStatus={match.downloadStatus} />
           <SeeDemoButton demoFileName={match.id} downloadStatus={match.downloadStatus} />
           <WatchDemoButton demoFileName={match.id} game={match.game} downloadStatus={match.downloadStatus} />
+          {match.demoUrl && <CopyDemoLinkButton link={match.demoUrl} />}
           <SeeOnFaceitButton />
         </>
       }

diff --git a/src/ui/downloads/valve/current-match.tsx b/src/ui/downloads/valve/current-match.tsx
@@ -13,6 +13,7 @@ import { SeeDemoButton } from '../see-demo-button';
 import { useGetDownloadedDemoPath } from 'csdm/ui/downloads/use-get-downloaded-demo-path';
 import { DownloadStatus } from 'csdm/common/types/download-status';
 import { useSelectedPlayer } from './use-selected-player';
+import { CopyDemoLinkButton } from 'csdm/ui/components/buttons/copy-demo-link-button';
 
 export function CurrentMatch() {
   const match = useSelectedMatch();
@@ -38,6 +39,7 @@ export function CurrentMatch() {
             <RevealDemoInExplorerButton demoFileName={match.name} downloadStatus={match.downloadStatus} />
             <SeeDemoButton demoFileName={match.name} downloadStatus={match.downloadStatus} />
             <WatchDemoButton demoFileName={match.name} game={match.game} downloadStatus={match.downloadStatus} />
+            {match.demoUrl && <CopyDemoLinkButton link={match.demoUrl} />}
             <CopyShareCodeButton shareCode={match.sharecode} />
           </>
         }

diff --git a/src/ui/translations/en/messages.po b/src/ui/translations/en/messages.po
@@ -367,6 +367,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr "Copy"
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr "Copy demo link"
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"

diff --git a/src/ui/translations/es/messages.po b/src/ui/translations/es/messages.po
@@ -372,6 +372,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr ""
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr ""
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"

diff --git a/src/ui/translations/fr/messages.po b/src/ui/translations/fr/messages.po
@@ -372,6 +372,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr "Copier"
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr ""
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"

diff --git a/src/ui/translations/pt-BR/messages.po b/src/ui/translations/pt-BR/messages.po
@@ -372,6 +372,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr ""
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr ""
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"

diff --git a/src/ui/translations/zh-CN/messages.po b/src/ui/translations/zh-CN/messages.po
@@ -372,6 +372,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr ""
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr ""
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"

diff --git a/src/ui/translations/zh-TW/messages.po b/src/ui/translations/zh-TW/messages.po
@@ -372,6 +372,11 @@ msgctxt "Button"
 msgid "Copy"
 msgstr ""
 
+#: src/ui/components/buttons/copy-demo-link-button.tsx
+msgctxt "Button"
+msgid "Copy demo link"
+msgstr ""
+
 #: src/ui/components/buttons/copy-share-code-button.tsx
 msgctxt "Button"
 msgid "Copy share code"