lint errors

Author: lyaunzbe

ts/components/banner.tsx

@@ -17,7 +17,7 @@ interface Props {
     secondaryCta?: CTAButton;
     theme?: IThemeInterface;
     padding?: string;
-    mainCtaCentered?: boolean;
+    isMainCtaCentered?: boolean;
 }
 
 interface CTAButton {
@@ -32,8 +32,7 @@ interface BorderProps {
 }
 
 export const Banner: React.StatelessComponent<Props> = (props: Props) => {
-    const { heading, subline, mainCta, secondaryCta, customCta, padding, mainCtaCentered } = props;
-    console.log(padding);
+    const { heading, subline, mainCta, secondaryCta, customCta, padding, isMainCtaCentered } = props;
     return (
         <CustomSection
             bgColor={colors.brandDark}
@@ -56,7 +55,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                 )}
             </Column>
             <ColumnCta>
-                {mainCta && mainCtaCentered && (
+                {mainCta && isMainCtaCentered && (
                     <ButtonWrapCentered>
                         <Button
                             color={colors.white}
@@ -72,7 +71,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                 <ButtonWrap>
                     {customCta}
 
-                    {mainCta && !mainCtaCentered && (
+                    {mainCta && !isMainCtaCentered && (
                         <Button
                             color={colors.white}
                             isTransparent={false}

ts/pages/account/dashboard.tsx

@@ -450,7 +450,7 @@ export const Account: React.FC<AccountProps> = () => {
             <HeaderWrapper>
                 <BannerWrapper>
                     <Banner
-                        mainCtaCentered={true}
+                        isMainCtaCentered={true}
                         padding={'50px'}
                         heading={`Staking Notice`}
                         subline="The staking system is currently paused until an issue with the finalization logic is resolved. All user funds are safe. Thank you!"

ts/pages/staking/home.tsx

@@ -7,8 +7,8 @@ import styled from 'styled-components';
 import { colors } from 'ts/style/colors';
 
 import { State } from 'ts/redux/reducer';
-import { Banner } from 'ts/components/banner';
 
+import { Banner } from 'ts/components/banner';
 import { Button } from 'ts/components/button';
 import { CFLMetrics } from 'ts/pages/cfl/cfl_metrics';
 
@@ -111,7 +111,7 @@ export const StakingIndex: React.FC<StakingIndexProps> = () => {
     return (
         <StakingPageLayout isHome={true} title="0x Staking">
             <Banner
-                mainCtaCentered={true}
+                isMainCtaCentered={true}
                 padding={'50px'}
                 heading={`Staking Notice`}
                 subline="The staking system is currently paused until an issue with the finalization logic is resolved. All user funds are safe. Thank you!"