fix: add copy button

spectrum-finance · Sep 28, 2023 · db63715 · db63715
1 parent de0968c
commit db63715
Showing 1 changed file with 28 additions and 3 deletions.
diff --git a/src/pages/Rewards/Rewards.tsx b/src/pages/Rewards/Rewards.tsx
@@ -9,19 +9,25 @@ 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';
 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 ? (