ADDS copyright disclaimer to API and Instant pages in footer

Author: johnrjj

ts/components/footer.tsx

@@ -74,9 +74,10 @@ const linkRows: LinkRows[] = [
 
 interface IFooterProps {
     isDocs?: boolean;
+    shouldShowDisclaimer?: boolean;
 }
 
-export const Footer: React.FC<IFooterProps> = React.memo(({ isDocs }) => (
+export const Footer: React.FC<IFooterProps> = React.memo(({ isDocs, shouldShowDisclaimer }) => (
     <FooterWrap isDocs={isDocs}>
         <FlexWrap>
             <FooterColumn width="35%">
@@ -99,6 +100,13 @@ export const Footer: React.FC<IFooterProps> = React.memo(({ isDocs }) => (
                 </WrapGrid>
             </FooterColumn>
         </FlexWrap>
+        {
+            shouldShowDisclaimer && (
+                <FlexWrap>
+                    <Text>We provide downloadable software and software services.</Text>
+                </FlexWrap>
+            )
+        }
     </FooterWrap>
 ));
 

ts/components/siteWrap.tsx

@@ -10,6 +10,7 @@ import { GLOBAL_THEMES } from 'ts/style/theme';
 interface ISiteWrapProps {
     theme?: 'dark' | 'light' | 'gray' | 'staking';
     isDocs?: boolean;
+    shouldShowDisclaimerInFooter?: boolean;
     headerComponent?: any;
     isFullScreen?: boolean;
     children: any;
@@ -21,7 +22,7 @@ interface IMainProps {
 }
 
 export const SiteWrap: React.FC<ISiteWrapProps> = props => {
-    const { children, theme = 'dark', isDocs, isFullScreen, headerComponent } = props;
+    const { children, theme = 'dark', isDocs, isFullScreen, headerComponent, shouldShowDisclaimerInFooter } = props;
     const [isMobileNavOpen, setIsMobileNavOpen] = React.useState<boolean>(false);
 
     React.useEffect(() => {
@@ -44,7 +45,7 @@ export const SiteWrap: React.FC<ISiteWrapProps> = props => {
                     {children}
                 </Main>
 
-                <Footer isDocs={isDocs} />
+                <Footer isDocs={isDocs} shouldShowDisclaimer={shouldShowDisclaimerInFooter} />
             </>
         </ThemeProvider>
     );

ts/pages/api.tsx

@@ -74,7 +74,7 @@ const ZeroExApi: React.FC<ApiPageProps> = () => {
     }, [quoteEndpoint]);
 
     return (
-        <SiteWrap theme="dark">
+        <SiteWrap theme="dark" shouldShowDisclaimerInFooter={true}>
             <DocumentTitle {...documentConstants.API} />
             <Hero
                 title="Access all DEX liquidity through one API"

ts/pages/instant.tsx

@@ -93,7 +93,7 @@ export class Next0xInstant extends React.Component<Props> {
     }
     public render(): React.ReactNode {
         return (
-            <SiteWrap>
+            <SiteWrap shouldShowDisclaimerInFooter={true}>
                 <DocumentTitle {...documentConstants.INSTANT} />
                 <Hero
                     title="Introducing 0x Instant"