Skip to content
This repository has been archived by the owner on Jun 24, 2022. It is now read-only.

Commit

Permalink
remove loading indicator from fee tier selection (#1954)
Browse files Browse the repository at this point in the history
  • Loading branch information
Justin Domingue authored Jul 2, 2021
1 parent a73d3af commit b0f4b4c
Showing 1 changed file with 4 additions and 9 deletions.
13 changes: 4 additions & 9 deletions src/components/FeeSelector/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@ import { ButtonGray, ButtonRadioChecked } from 'components/Button'
import styled, { keyframes } from 'styled-components/macro'
import Badge from 'components/Badge'
import Card from 'components/Card'
import Loader from 'components/Loader'
import usePrevious from 'hooks/usePrevious'
import { useFeeTierDistribution } from 'hooks/useFeeTierDistribution'
import ReactGA from 'react-ga'
Expand Down Expand Up @@ -139,7 +138,7 @@ export default function FeeSelector({
<FocusedOutlineCard pulsing={pulsing} onAnimationEnd={() => setPulsing(false)}>
<RowBetween>
<AutoColumn>
{!feeAmount || isLoading ? (
{!feeAmount ? (
<>
<TYPE.label>
<Trans>Fee tier</Trans>
Expand All @@ -160,13 +159,9 @@ export default function FeeSelector({
)}
</AutoColumn>

{isLoading ? (
<Loader size="20px" />
) : (
<ButtonGray onClick={() => setShowOptions(!showOptions)} width="auto" padding="4px" borderRadius="6px">
{showOptions ? <Trans>Hide</Trans> : <Trans>Edit</Trans>}
</ButtonGray>
)}
<ButtonGray onClick={() => setShowOptions(!showOptions)} width="auto" padding="4px" borderRadius="6px">
{showOptions ? <Trans>Hide</Trans> : <Trans>Edit</Trans>}
</ButtonGray>
</RowBetween>
</FocusedOutlineCard>

Expand Down

0 comments on commit b0f4b4c

Please sign in to comment.