Skip to content

I
interface
Commit 3a401591 authored by aballerr's avatar aballerr Committed by GitHub
Browse files
Options

fix: making colors correct on approval screen (#5444) 

update approval button colors to be correct
parent c6f6bd44
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 7 deletions
src/pages/Swap/index.tsx
View file @ 3a401591
...@@ -677,15 +677,17 @@ export default function Swap() { ...@@ -677,15 +677,17 @@ export default function Swap() {
} }
> >
<AutoRow justify="space-between" style={{ flexWrap: 'nowrap' }} height="20px"> <AutoRow justify="space-between" style={{ flexWrap: 'nowrap' }} height="20px">
<ThemedText.SubHeader width="100%" textAlign="center" color="white"> {/* we need to shorten this string on mobile */}
{/* we need to shorten this string on mobile */} {approvalState === ApprovalState.APPROVED || signatureState === UseERC20PermitState.SIGNED ? (
{approvalState === ApprovalState.APPROVED || <ThemedText.SubHeader width="100%" textAlign="center" color="textSecondary">
signatureState === UseERC20PermitState.SIGNED ? (
<Trans>You can now trade {currencies[Field.INPUT]?.symbol}</Trans> <Trans>You can now trade {currencies[Field.INPUT]?.symbol}</Trans>
) : ( </ThemedText.SubHeader>
) : (
<ThemedText.SubHeader width="100%" textAlign="center" color="white">
<Trans>Allow the Uniswap Protocol to use your {currencies[Field.INPUT]?.symbol}</Trans> <Trans>Allow the Uniswap Protocol to use your {currencies[Field.INPUT]?.symbol}</Trans>
)} </ThemedText.SubHeader>
</ThemedText.SubHeader> )}
{approvalPending || approvalState === ApprovalState.PENDING ? ( {approvalPending || approvalState === ApprovalState.PENDING ? (
<Loader stroke={theme.white} /> <Loader stroke={theme.white} />
) : (approvalSubmitted && approvalState === ApprovalState.APPROVED) || ) : (approvalSubmitted && approvalState === ApprovalState.APPROVED) ||
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment