Slim down FR protection footer

Dire-0x · Sep 7, 2021 · e33a75d · e33a75d
1 parent e33abdf
commit e33a75d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 22 deletions.
diff --git a/src/assets/images/flashbots.png b/src/assets/images/flashbots.png
diff --git a/src/components/TransactionSettings/index.tsx b/src/components/TransactionSettings/index.tsx
@@ -286,7 +286,10 @@ export default function TransactionSettings({ placeholderSlippage }: Transaction
             </TYPE.black>
             <QuestionHelper
               text={
-                <Trans>Your transaction will be relayed to the network via a private transaction mining service.</Trans>
+                <>
+                  <Trans>Your transaction will be protected from frontrunning attacks. </Trans>
+                  <TYPE.italic marginTop={'4px'}>Powered by Flashbots & mistX</TYPE.italic>
+                </>
               }
             />
           </RowFixed>

diff --git a/src/components/swap/FrontrunningProtectionFooter.tsx b/src/components/swap/FrontrunningProtectionFooter.tsx
@@ -1,37 +1,20 @@
 import styled from 'styled-components/macro'
 import { TYPE } from '../../theme'
-import FlashbotsLogo from '../../assets/images/flashbots.png'
 const DetailsFooter = styled.div`
-  padding: 0 20px 20px 20px;
+  padding: 6px;
   width: 100%;
   max-width: 400px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   color: ${({ theme }) => theme.text2};
   background-color: ${({ theme }) => theme.advancedBG};
-  display: flex;
-`
-const StyledLogo = styled.img`
-  height: 46px;
-  width: 46px;
-  margin-right: 8px;
-  margin-top: 20px;
-`
-
-const Description = styled.div`
-  padding-top: 16px;
+  text-align: center;
 `
 
 export default function FrontrunningProtectionFooter() {
   return (
     <DetailsFooter>
-      <StyledLogo src={FlashbotsLogo} />
-      <Description>
-        <TYPE.black fontWeight={500}>Frontrunning Protection</TYPE.black>
-        <TYPE.italic marginTop="4px">
-          Your transactions are protected from frontrunning attacks using Flashbots & mistX
-        </TYPE.italic>
-      </Description>
+      <TYPE.italic>Frontrunning Protection: On</TYPE.italic>
     </DetailsFooter>
   )
 }
diff --git a/src/pages/Swap/index.tsx b/src/pages/Swap/index.tsx
@@ -663,7 +663,7 @@ export default function Swap({ history }: RouteComponentProps) {
         </Wrapper>
       </AppBody>
       <SwitchLocaleLink />
-      {frontrunningProtection ? <FrontrunningProtectionFooter /> : null}
+      {frontrunningProtection && !swapIsUnsupported ? <FrontrunningProtectionFooter /> : null}
       {!swapIsUnsupported ? null : (
         <UnsupportedCurrencyFooter
           show={swapIsUnsupported}