From db63715b071ac8595f1bab11ac37108b57090b37 Mon Sep 17 00:00:00 2001
From: yashablack <iamyashablack@gmail.com>
Date: Thu, 28 Sep 2023 17:26:53 +0300
Subject: [PATCH] fix: add copy button

---
 src/pages/Rewards/Rewards.tsx | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/pages/Rewards/Rewards.tsx b/src/pages/Rewards/Rewards.tsx
index 756a4dad8..2506f763a 100644
--- a/src/pages/Rewards/Rewards.tsx
+++ b/src/pages/Rewards/Rewards.tsx
@@ -9,12 +9,15 @@ import {
 import { Trans } from '@lingui/macro';
 import { ElementLocation, ElementName } from '@spectrumlabs/analytics';
 import { FC } from 'react';
+import { filter } from 'rxjs';
 
 import { applicationConfig } from '../../applicationConfig';
 import { SPECTRUM_DISCORD_LINK } from '../../common/constants/url.ts';
 import { useObservable } from '../../common/hooks/useObservable.ts';
 import { ConnectWalletButton } from '../../components/common/ConnectWalletButton/ConnectWalletButton.tsx';
+import { CopyButton } from '../../components/common/CopyButton/CopyButton.tsx';
 import { Page } from '../../components/Page/Page.tsx';
+import { getAddresses } from '../../gateway/api/addresses.ts';
 import { rewards$ } from '../../network/cardano/api/rewards/rewards';
 import { Eternl } from '../../network/cardano/api/wallet/eternl/eternl';
 import { RewardsBugFixing } from './RewardsBugFixing/RewardsBugFixing';
@@ -22,6 +25,9 @@ import { RewardsDashboard } from './RewardsDashboard/RewardsDashboard.tsx';
 
 export const Rewards: FC = () => {
   const [rewardsData, loading] = useObservable(rewards$);
+  const [addresses] = useObservable(
+    getAddresses().pipe(filter((addresses) => !!addresses?.length)),
+  );
 
   return (
     <Flex col align="center">
@@ -82,9 +88,28 @@ export const Rewards: FC = () => {
           <Flex.Item marginBottom={4} display="flex" justify="space-between">
             <Typography.Title level={4}>Rewards</Typography.Title>
             {applicationConfig.isRewardsAvailable && (
-              <Button href={SPECTRUM_DISCORD_LINK} target="_blank">
-                Support
-              </Button>
+              <Flex>
+                {addresses && (
+                  <Flex.Item marginRight={1}>
+                    <CopyButton
+                      text={addresses.reduce((acc, addr) => {
+                        return `${acc}\n${addr},`;
+                      }, '')}
+                    >
+                      <Trans>Copy</Trans>
+                    </CopyButton>
+                  </Flex.Item>
+                )}
+                <Flex.Item>
+                  <Button
+                    href={SPECTRUM_DISCORD_LINK}
+                    size="small"
+                    target="_blank"
+                  >
+                    <Trans>Support</Trans>
+                  </Button>
+                </Flex.Item>
+              </Flex>
             )}
           </Flex.Item>
           {applicationConfig.isRewardsAvailable ? (