Update migration styles (#78)

* re-work migrate page

* Layout Tweaks

* cleanup
Co-authored-by: Noah Zinsmeister <noahwz@gmail.com>

src/components/Badge/index.tsx

@@ -7,7 +7,9 @@ export enum BadgeVariant {
   DEFAULT = 'DEFAULT',
   NEGATIVE = 'NEGATIVE',
   POSITIVE = 'POSITIVE',
+  PRIMARY = 'PRIMARY',
   WARNING = 'WARNING',
+
   WARNING_OUTLINE = 'WARNING_OUTLINE',
 }
 
@@ -21,6 +23,8 @@ function pickBackgroundColor(variant: BadgeVariant | undefined, theme: DefaultTh
       return theme.error
     case BadgeVariant.POSITIVE:
       return theme.success
+    case BadgeVariant.PRIMARY:
+      return theme.primary1
     case BadgeVariant.WARNING:
       return theme.warning
     case BadgeVariant.WARNING_OUTLINE:

src/components/InputStepCounter/InputStepCounter.tsx

@@ -38,7 +38,7 @@ const FocusedOutlineCard = styled(OutlineCard)<{ active?: boolean; pulsing?: boo
 `
 
 const StyledInput = styled(NumericalInput)<{ usePercent?: boolean }>`
-  background-color: ${({ theme }) => theme.bg0};
+  background-color: transparent;
   text-align: left;
   margin-right: 2px;
 `

src/components/PositionCard/Sushi.tsx

@@ -17,6 +17,7 @@ import DoubleCurrencyLogo from '../DoubleLogo'
 import { RowFixed, AutoRow } from '../Row'
 import { Dots } from '../swap/styleds'
 import { FixedHeightRow } from '.'
+import Badge, { BadgeVariant } from 'components/Badge'
 
 const StyledPositionCard = styled(LightCard)<{ bgColor: any }>`
   border: none;
@@ -49,7 +50,8 @@ export default function SushiPositionCard({ tokenA, tokenB, liquidityToken, bord
             <Text fontWeight={500} fontSize={20}>
               {!currency0 || !currency1 ? <Dots>Loading</Dots> : `${currency0.symbol}/${currency1.symbol}`}
             </Text>
-            (Sushi)
+
+            <Badge variant={BadgeVariant.WARNING}>Sushi</Badge>
           </AutoRow>
           <RowFixed gap="8px">
             <ButtonEmpty

src/state/user/reducer.test.ts

 import { createStore, Store } from 'redux'
-import { DEFAULT_DEADLINE_FROM_NOW, INITIAL_ALLOWED_SLIPPAGE } from '../../constants'
+import { DEFAULT_DEADLINE_FROM_NOW } from '../../constants'
 import { updateVersion } from '../global/actions'
 import reducer, { initialState, UserState } from './reducer'