Misc. styling and remove desc. on steps. (#2336)

src/custom/pages/Claim/EligibleBanner.tsx

@@ -3,6 +3,7 @@ import { useClaimState } from 'state/claim/hooks'
 import { EligibleBanner as EligibleBannerWrapper } from './styled'
 import CheckCircle from 'assets/cow-swap/check.svg'
 import { ClaimStatus } from 'state/claim/actions'
+import SVG from 'react-inlinesvg'
 
 export default function EligibleBanner({ hasClaims }: { hasClaims: boolean }) {
   const { claimStatus, activeClaimAccount, isInvestFlowActive } = useClaimState()
@@ -13,7 +14,7 @@ export default function EligibleBanner({ hasClaims }: { hasClaims: boolean }) {
 
   return (
     <EligibleBannerWrapper>
-      <img src={CheckCircle} alt="eligible" />
+      <SVG src={CheckCircle} description="eligible" />
       <Trans>This account is eligible for vCOW token claims!</Trans>
     </EligibleBannerWrapper>
   )

src/custom/pages/Claim/InvestmentFlow/index.tsx

@@ -48,12 +48,10 @@ const STEPS_DATA = [
     title: 'Start',
   },
   {
-    title: 'Set allowances',
-    subtitle: 'Approve all tokens to be used for investment.',
+    title: 'Select amount(s)',
   },
   {
-    title: 'Submit claim',
-    subtitle: 'Submit and confirm the transaction to claim vCOW.',
+    title: 'Review & submit',
   },
 ]
 

src/custom/pages/Claim/styled.ts

@@ -163,6 +163,7 @@ p > i {
 
 p > a {
   display: inline;
+  color: ${({ theme }) => darken(0.1, theme.primary1)};
 }
 
 ${ButtonPrimary} {
@@ -710,19 +711,24 @@ export const EligibleBanner = styled.div`
   justify-content: center;
   align-items: center;
   background: ${({ theme }) => transparentize(0.9, theme.attention)};
-  color: ${({ theme }) => theme.attention};
+  color: ${({ theme }) => darken(0.1, theme.attention)};
   margin: 0 auto 16px;
   font-weight: 600;
 
   ${({ theme }) => theme.mediaWidth.upToSmall`
     text-align: left;
     padding: 18px;
   `}
-  > img {
+
+  > svg {
     margin: 0 6px 0 0;
     width: 21px;
     height: 21px;
 
+    > path {
+      fill: ${({ theme }) => darken(0.1, theme.attention)};
+    }
+
     ${({ theme }) => theme.mediaWidth.upToSmall`
       margin: 0 12px 0 6px;
    `}