diff --git a/packages/stems/src/assets/icons/iconWithdraw.svg b/packages/stems/src/assets/icons/iconWithdraw.svg new file mode 100644 index 0000000000..a32bfdc9c4 --- /dev/null +++ b/packages/stems/src/assets/icons/iconWithdraw.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/stems/src/assets/icons/logoUSDC.svg b/packages/stems/src/assets/icons/logoUSDC.svg new file mode 100644 index 0000000000..9b64f9c902 --- /dev/null +++ b/packages/stems/src/assets/icons/logoUSDC.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/stems/src/components/Icons/index.ts b/packages/stems/src/components/Icons/index.ts index b41434ee87..fced9be19b 100644 --- a/packages/stems/src/components/Icons/index.ts +++ b/packages/stems/src/components/Icons/index.ts @@ -132,10 +132,12 @@ export { ReactComponent as IconVisibilityPublic } from '../../assets/icons/iconV export { ReactComponent as IconCrown } from '../../assets/icons/iconCrown.svg' export { ReactComponent as LogoSol } from '../../assets/icons/logoSol.svg' export { ReactComponent as LogoEth } from '../../assets/icons/logoEth.svg' +export { ReactComponent as LogoUSDC } from '../../assets/icons/logoUSDC.svg' export { ReactComponent as IconAtSign } from '../../assets/icons/iconAtSign.svg' export { ReactComponent as IconPlus } from '../../assets/icons/iconPlus.svg' export { ReactComponent as IconCompose } from '../../assets/icons/iconCompose.svg' export { ReactComponent as IconSend } from '../../assets/icons/iconSend.svg' +export { ReactComponent as IconWithdraw } from '../../assets/icons/iconWithdraw.svg' export { ReactComponent as IconMessage } from '../../assets/icons/iconMessage.svg' export { ReactComponent as IconUnblockMessages } from '../../assets/icons/iconUnblockMessages.svg' export { ReactComponent as IconBlockMessages } from '../../assets/icons/iconBlockMessages.svg' diff --git a/packages/web/src/pages/artist-dashboard-page/components/USDCCard.module.css b/packages/web/src/pages/artist-dashboard-page/components/USDCCard.module.css index ae260ba15b..19bf24fd77 100644 --- a/packages/web/src/pages/artist-dashboard-page/components/USDCCard.module.css +++ b/packages/web/src/pages/artist-dashboard-page/components/USDCCard.module.css @@ -33,6 +33,7 @@ .usdcTitle { display: flex; + align-items: center; gap: var(--unit-2); } diff --git a/packages/web/src/pages/artist-dashboard-page/components/USDCCard.tsx b/packages/web/src/pages/artist-dashboard-page/components/USDCCard.tsx index 886df88af8..fe42a74c80 100644 --- a/packages/web/src/pages/artist-dashboard-page/components/USDCCard.tsx +++ b/packages/web/src/pages/artist-dashboard-page/components/USDCCard.tsx @@ -6,15 +6,16 @@ import { useWithdrawUSDCModal } from '@audius/common' import { - IconNote, IconKebabHorizontal, IconQuestionCircle, + IconWithdraw, HarmonyButton, HarmonyButtonType, PopupMenu, PopupMenuItem, HarmonyPlainButton, - HarmonyPlainButtonType + HarmonyPlainButtonType, + LogoUSDC } from '@audius/stems' import BN from 'bn.js' @@ -56,8 +57,7 @@ export const USDCCard = ({ balance }: { balance: BNUSDC }) => {
- {/* TODO: update icon https://linear.app/audius/issue/PAY-1764/update-icons-in-usdc-tile */} - +
{ variant={HarmonyButtonType.SECONDARY} text={messages.withdraw} fullWidth - // TODO: update leftIcon and wire up withdraw modal https://linear.app/audius/issue/PAY-1754/usdc-withdrawal-flow-ui - iconLeft={() => } + iconLeft={() => } onClick={() => openWithdrawUSDCModal({ page: WithdrawUSDCModalPages.ENTER_TRANSFER_DETAILS