Skip to content

I
interface
Commit d9a0aa3f authored by Zach Pomerantz's avatar Zach Pomerantz Committed by GitHub
Browse files
Options

fix: use non-warning colors for allowance button (#5851)

parent e9e5d2e4
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 19 deletions
src/pages/Swap/index.tsx
View file @ d9a0aa3f
...@@ -39,7 +39,7 @@ import invariant from 'tiny-invariant' ...@@ -39,7 +39,7 @@ import invariant from 'tiny-invariant'
import { currencyAmountToPreciseFloat, formatTransactionAmount } from 'utils/formatNumbers' import { currencyAmountToPreciseFloat, formatTransactionAmount } from 'utils/formatNumbers'
import AddressInputPanel from '../../components/AddressInputPanel' import AddressInputPanel from '../../components/AddressInputPanel'
import { ButtonConfirmed, ButtonError, ButtonLight, ButtonPrimary, ButtonYellow } from '../../components/Button' import { ButtonConfirmed, ButtonError, ButtonLight, ButtonPrimary } from '../../components/Button'
import { GrayCard } from '../../components/Card' import { GrayCard } from '../../components/Card'
import { AutoColumn } from '../../components/Column' import { AutoColumn } from '../../components/Column'
import SwapCurrencyInputPanel from '../../components/CurrencyInputPanel/SwapCurrencyInputPanel' import SwapCurrencyInputPanel from '../../components/CurrencyInputPanel/SwapCurrencyInputPanel'
...@@ -786,31 +786,25 @@ export default function Swap({ className }: { className?: string }) { ...@@ -786,31 +786,25 @@ export default function Swap({ className }: { className?: string }) {
</AutoColumn> </AutoColumn>
</AutoRow> </AutoRow>
) : isValid && allowance.state === AllowanceState.REQUIRED ? ( ) : isValid && allowance.state === AllowanceState.REQUIRED ? (
<ButtonYellow <ButtonPrimary
onClick={updateAllowance} onClick={updateAllowance}
disabled={isAllowancePending || isApprovalLoading} disabled={isAllowancePending || isApprovalLoading}
style={{ gap: 14 }} style={{ gap: 14 }}
> >
{isAllowancePending ? ( {isAllowancePending ? (
<> <>
<Loader size="20px" stroke={theme.accentWarning} /> <Loader size="20px" />
<ThemedText.SubHeader color="accentWarning"> <Trans>Approve in your wallet</Trans>
<Trans>Approve in your wallet</Trans>
</ThemedText.SubHeader>
</> </>
) : isAllowanceFailed ? ( ) : isAllowanceFailed ? (
<> <>
<AlertTriangle size={20} stroke={theme.accentWarning} /> <AlertTriangle size={20} />
<ThemedText.SubHeader color="accentWarning"> <Trans>Approval failed. Try again.</Trans>
<Trans>Approval failed. Try again.</Trans>
</ThemedText.SubHeader>
</> </>
) : isApprovalLoading ? ( ) : isApprovalLoading ? (
<> <>
<Loader size="20px" stroke={theme.accentWarning} /> <Loader size="20px" />
<ThemedText.SubHeader color="accentWarning"> <Trans>Approval pending</Trans>
<Trans>Approval pending</Trans>
</ThemedText.SubHeader>
</> </>
) : ( ) : (
<> <>
...@@ -823,15 +817,13 @@ export default function Swap({ className }: { className?: string }) { ...@@ -823,15 +817,13 @@ export default function Swap({ className }: { className?: string }) {
</Trans> </Trans>
} }
> >
<Info size={20} color={theme.accentWarning} /> <Info size={20} />
</MouseoverTooltip> </MouseoverTooltip>
</div> </div>
<ThemedText.SubHeader color="accentWarning"> <Trans>Approve use of {currencies[Field.INPUT]?.symbol}</Trans>
<Trans>Approve use of {currencies[Field.INPUT]?.symbol}</Trans>
</ThemedText.SubHeader>
</> </>
)} )}
</ButtonYellow> </ButtonPrimary>
) : ( ) : (
<ButtonError <ButtonError
onClick={() => { onClick={() => {
......
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