feat: affiliate program

apps/cowswap-frontend/package.json

@@ -123,6 +123,7 @@
     "react-icons": "^5.2.1",
     "react-inlinesvg": "^4.1.5",
     "react-markdown": "^10.1.0",
+    "react-qrcode-logo": "^4.0.0",
     "react-redux": "^8.0.2",
     "react-router": "7.5.2",
     "react-snowfall": "^2.2.0",

apps/cowswap-frontend/src/common/constants/routes.ts

@@ -25,6 +25,8 @@ export const Routes = {
   ACCOUNT_TOKENS: '/account/tokens',
   ACCOUNT_TOKENS_SINGLE: '/account/tokens/:address',
   ACCOUNT_GOVERNANCE: '/account/governance',
+  ACCOUNT_AFFILIATE: '/account/affiliate',
+  ACCOUNT_MY_REWARDS: '/account/my-rewards',
   ABOUT: '/about',
   PRIVACY_POLICY: '/privacy-policy',
   COOKIE_POLICY: '/cookie-policy',

apps/cowswap-frontend/src/common/pure/CancelButton/index.tsx

@@ -1,10 +1,9 @@
 import { PropsWithChildren } from 'react'
 
 import { Command } from '@cowprotocol/types'
-import { UI } from '@cowprotocol/ui'
+import { UI, LinkStyledButton } from '@cowprotocol/ui'
 
 import { Trans } from '@lingui/react/macro'
-import { LinkStyledButton } from 'theme'
 
 export type CancelButtonProps = {
   onClick: Command

apps/cowswap-frontend/src/common/pure/CancellationModal/ModalTopContent.tsx

@@ -1,13 +1,12 @@
 import { ReactNode, useCallback, useState } from 'react'
 
-import { TokenAmount, UI } from '@cowprotocol/ui'
+import { TokenAmount, UI, LinkStyledButton } from '@cowprotocol/ui'
 import { CurrencyAmount } from '@uniswap/sdk-core'
 
 import { t } from '@lingui/core/macro'
 import { Trans } from '@lingui/react/macro'
 import { ArrowLeft, ArrowRight } from 'react-feather'
 import styled from 'styled-components/macro'
-import { LinkStyledButton } from 'theme'
 
 import NotificationBanner from 'legacy/components/NotificationBanner'
 

apps/cowswap-frontend/src/legacy/components/Copy/CopyMod.tsx

@@ -2,11 +2,11 @@ import React, { MouseEvent } from 'react'
 
 import { useCopyClipboard } from '@cowprotocol/common-hooks'
 import { UI } from '@cowprotocol/ui'
+import { LinkStyledButton } from '@cowprotocol/ui'
 
 import { Trans } from '@lingui/react/macro'
 import { CheckCircle, Copy } from 'react-feather'
 import styled, { DefaultTheme, StyledComponentProps } from 'styled-components/macro'
-import { LinkStyledButton } from 'theme'
 
 import { TransactionStatusText } from 'legacy/components/Copy/index'
 
@@ -54,12 +54,13 @@ interface CopyHelperProps
   children?: React.ReactNode
   clickableLink?: boolean
   copyIconWidth?: string
+  hideCopiedLabel?: boolean
 }
 
 // TODO: Add proper return type annotation
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export default function CopyHelper(props: CopyHelperProps) {
-  const { toCopy, children, clickableLink, copyIconWidth, ...rest } = props
+  const { toCopy, children, clickableLink, copyIconWidth, hideCopiedLabel = false, ...rest } = props
   const [isCopied, setCopied] = useCopyClipboard()
 
   // TODO: Add proper return type annotation
@@ -78,11 +79,13 @@ export default function CopyHelper(props: CopyHelperProps) {
             isCopied={isCopied} // mod
           >
             <CheckCircleIconWrapper size={'16'} />
-            <TransactionStatusText
-              isCopied={isCopied} // mod
-            >
-              <Trans>Copied</Trans>
-            </TransactionStatusText>
+            {!hideCopiedLabel ? (
+              <TransactionStatusText
+                isCopied={isCopied} // mod
+              >
+                <Trans>Copied</Trans>
+              </TransactionStatusText>
+            ) : null}
           </TransactionStatusText>
         ) : (
           <TransactionStatusText>