From b0f4b4c7355c76945ac4801b3211072e76f3696c Mon Sep 17 00:00:00 2001
From: Justin Domingue <judo@uniswap.org>
Date: Fri, 2 Jul 2021 11:00:48 -0700
Subject: [PATCH] remove loading indicator from fee tier selection (#1954)

---
 src/components/FeeSelector/index.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/FeeSelector/index.tsx b/src/components/FeeSelector/index.tsx
index 4a6a7e645..b355105c0 100644
--- a/src/components/FeeSelector/index.tsx
+++ b/src/components/FeeSelector/index.tsx
@@ -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'
@@ -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>
@@ -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>