Skip to content
This repository has been archived by the owner on Oct 4, 2023. It is now read-only.

[PAY-1764] Update USDCCard icons in artist dashboard #4003

Merged
merged 1 commit into from
Sep 1, 2023
Merged

[PAY-1764] Update USDCCard icons in artist dashboard #4003

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions packages/stems/src/assets/icons/iconWithdraw.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions packages/stems/src/assets/icons/logoUSDC.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions packages/stems/src/components/Icons/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down
1 change: 1 addition & 0 deletions packages/web/src/pages/artist-dashboard-page/components/USDCCard.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@

.usdcTitle {
display: flex;
align-items: center;
gap: var(--unit-2);
}

Expand Down
11 changes: 5 additions & 6 deletions packages/web/src/pages/artist-dashboard-page/components/USDCCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'

Expand Down Expand Up @@ -56,8 +57,7 @@ export const USDCCard = ({ balance }: { balance: BNUSDC }) => {
<div className={styles.backgroundBlueGradient}>
<div className={styles.usdcTitleContainer}>
<div className={styles.usdcTitle}>
{/* TODO: update icon https://linear.app/audius/issue/PAY-1764/update-icons-in-usdc-tile */}
<Icon icon={IconNote} size='xxxLarge' color='staticWhite' />
<Icon icon={LogoUSDC} size='xxxLarge' color='staticWhite' />
<div className={styles.usdc}>
<Text
variant='heading'
Expand Down Expand Up @@ -95,8 +95,7 @@ export const USDCCard = ({ balance }: { balance: BNUSDC }) => {
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={() => <Icon icon={IconNote} size='medium' />}
iconLeft={() => <Icon icon={IconWithdraw} size='medium' />}
onClick={() =>
openWithdrawUSDCModal({
page: WithdrawUSDCModalPages.ENTER_TRANSFER_DETAILS
Expand Down