diff --git a/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap b/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap index 294226a4a..5e8c2f6eb 100644 --- a/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap +++ b/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap @@ -9,11 +9,6 @@ exports[`SettingsPage tests basic tests matches the snapshot 1`] = ` } .c1 { - background-image: linear-gradient(267deg,#bf14a2,#f73a1c); - height: 62px; -} - -.c2 { max-width: 1000px; margin: 0 auto; padding: 40px 0; @@ -26,8 +21,5 @@ exports[`SettingsPage tests basic tests matches the snapshot 1`] = `
-
`; diff --git a/src/features/rewards/settingsPage/index.tsx b/src/features/rewards/settingsPage/index.tsx index f43012d46..1269e73bf 100644 --- a/src/features/rewards/settingsPage/index.tsx +++ b/src/features/rewards/settingsPage/index.tsx @@ -3,7 +3,7 @@ * You can obtain one at http://mozilla.org/MPL/2.0/. */ import * as React from 'react' -import { StyledWrapper, StyleHeader, StyledContent } from './style' +import { StyledWrapper, StyledContent } from './style' export interface Props { id?: string @@ -16,7 +16,6 @@ export default class SettingsPage extends React.PureComponent { return ( - {children} diff --git a/src/features/rewards/settingsPage/style.ts b/src/features/rewards/settingsPage/style.ts index ba0841ebe..9750e8b65 100644 --- a/src/features/rewards/settingsPage/style.ts +++ b/src/features/rewards/settingsPage/style.ts @@ -11,11 +11,6 @@ export const StyledWrapper = styled<{}, 'div'>('div')` font-family: "Poppins", sans-serif ` -export const StyleHeader = styled<{}, 'div'>('div')` - background-image: linear-gradient(267deg, #bf14a2, #f73a1c); - height: 62px; -` - export const StyledContent = styled<{}, 'div'>('div')` max-width: 1000px; margin: 0 auto; diff --git a/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap b/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap index ac49574d3..06cc4e5f7 100644 --- a/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap +++ b/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` -.c5 { +.c4 { text-align: center; min-height: 610px; padding: 60px 0 25px 0; @@ -12,7 +12,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` border-bottom-right-radius: 150% 120px; } -.c34 { +.c33 { height: 290px; border-radius: 4px; text-align: center; @@ -24,7 +24,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` font-family: Poppins,sans-serif; } -.c37 { +.c36 { color: #222326; font-size: 18px; font-weight: 500; @@ -35,7 +35,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` letter-spacing: 0.16px; } -.c38 { +.c37 { color: #686978; font-size: 16px; line-height: 22px; @@ -48,7 +48,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` font-weight: 400; } -.c35 { +.c34 { box-sizing: border-box; display: block; max-width: 100%; @@ -56,7 +56,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` height: 80px; } -.c32 { +.c31 { display: grid; grid-gap: 0px; grid-template-columns: 1fr 1fr 1fr; @@ -70,47 +70,47 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` justify-content: center; } -.c33 { +.c32 { padding: 0 10px; } -.c23 { +.c22 { width: 100%; height: 100%; fill: currentColor; } -.c22 { +.c21 { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } -.c39 { +.c38 { width: 100%; height: 100%; fill: currentColor; } -.c7 { +.c6 { width: 100%; height: 100%; fill: currentColor; } -.c36 { +.c35 { width: 100%; height: 100%; fill: currentColor; } -.c40 { +.c39 { width: 100%; height: 100%; fill: currentColor; } -.c11 { +.c10 { box-sizing: border-box; font-family: Poppins,sans-serif; font-weight: 400; @@ -118,11 +118,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` margin: 0; } -.c10 { +.c9 { font-size: 40px; } -.c29 { +.c28 { box-sizing: border-box; font-family: Poppins,sans-serif; font-weight: 400; @@ -130,11 +130,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` margin: 0; } -.c28 { +.c27 { font-size: 32px; } -.c15 { +.c14 { box-sizing: border-box; font-family: Poppins,sans-serif; font-weight: 400; @@ -142,11 +142,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` margin: 0; } -.c14 { +.c13 { font-size: 24px; } -.c18 { +.c17 { width: 100%; display: -webkit-box; display: -webkit-flex; @@ -166,11 +166,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` border: 1px solid rgba(255,255,255,0.35); } -.c18:hover { +.c17:hover { background: rgba(0,0,0,0.05); } -.c45 { +.c44 { width: 100%; display: -webkit-box; display: -webkit-flex; @@ -189,7 +189,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` background: #FB542B; } -.c19 { +.c18 { font-family: Poppins,sans-serif; font-weight: 600; text-transform: uppercase; @@ -208,80 +208,75 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` } .c1 { - background-image: linear-gradient(267deg,#bf14a2,#f73a1c); - height: 62px; -} - -.c2 { max-width: 1000px; margin: 0 auto; padding: 40px 0; } -.c17 { +.c16 { margin: 40px auto; max-width: 303px; } -.c44 { +.c43 { max-width: 303px; margin: 0 auto; } -.c42 { +.c41 { text-align: center; } -.c24 { +.c23 { padding: 15px 0 0; } -.c25 { +.c24 { margin: 0 auto; max-width: 692px; padding: 67px 0 20px; } -.c4 { +.c3 { display: block; } -.c31 { +.c30 { margin: 22px auto 0; max-width: 900px; } -.c41 { +.c40 { margin: 0 auto; padding: 64px 0 79px; max-width: 500px; display: block; } -.c3 { +.c2 { background: url(test-file-stub) no-repeat top; } -.c6 { +.c5 { margin: 5px auto 0; height: 152px; } -.c9 { +.c8 { font-weight: 500; color: #FFF; display: inline-block; margin: 17px 0 4px; } -.c43 { +.c42 { color: #5C58C2; font-weight: normal; line-height: 28px; margin: 18px 0 30px; } -.c27 { +.c26 { color: #222326; font-weight: normal; text-align: left; @@ -290,14 +285,14 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` margin: 0; } -.c13 { +.c12 { color: #5BC4FE; font-weight: 500; text-align: center; margin: 18px 0 7px; } -.c12 { +.c11 { display: inline-block; vertical-align: text-top; margin-top: -25px; @@ -307,7 +302,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` opacity: 0.7; } -.c16 { +.c15 { font-size: 16px; max-width: 375px; margin: 0 auto; @@ -315,7 +310,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` color: #FFF; } -.c20 { +.c19 { font-size: 16px; margin: 0 0 5px; line-height: 28px; @@ -323,7 +318,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` opacity: 0.5; } -.c30 { +.c29 { font-size: 16px; line-height: 28px; color: #686978; @@ -337,7 +332,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` font-family: Muli,sans-serif; } -.c21 { +.c20 { padding: 0; border: none; background: none; @@ -348,32 +343,32 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` outline: none; } -.c21:focus { +.c20:focus { outline: 0; } @media (max-width:475px) { - .c5 { + .c4 { padding-top: 35px; } } @media (max-width:640px) { - .c32 { + .c31 { grid-gap: 20px; grid-template-columns: 1fr; } } @media (max-width:410px) { - .c17 { + .c16 { margin: 40px 20px; max-width: unset; } } @media (max-width:767px) { - .c25 { + .c24 { max-width: none; width: 100%; padding-top: 30px; @@ -381,38 +376,38 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` } @media (max-width:767px) { - .c26 { + .c25 { margin: 0 auto; width: 80%; } } @media (max-width:980px) { - .c3 { + .c2 { background: #F8FAFF; } } @media (max-width:460px) { - .c6 { + .c5 { height: 100px; } } @media (max-width:360px) { - .c9 { + .c8 { font-size: 36px; } } @media (max-width:360px) { - .c13 { + .c12 { font-size: 22px; } } @media (max-width:400px) { - .c8 { + .c7 { padding: 0 10px; } } @@ -423,29 +418,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = ` >
-

MISSING: braveRewardsTitle

TM

MISSING: braveRewardsSubTitle

MISSING: braveRewardsDesc

MISSING: braveRewardsTeaser

MISSING: whyBraveRewards

MISSING: whyBraveRewardsDesc1

MISSING: whyBraveRewardsDesc2

@@ -569,26 +561,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
MISSING: turnOnRewardsTitle

MISSING: turnOnRewardsDesc

MISSING: braveAdsTitle

MISSING: braveAdsDesc

MISSING: braveContributeTitle

MISSING: braveContributeDesc

@@ -712,26 +704,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `

MISSING: readyToTakePart