From 737e0ed7ab14acb767311481b46ca7c4dc6e7b88 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 22 May 2020 20:18:10 -0400
Subject: [PATCH] add 2257 page in footer

---
 .flowconfig                   |  1 +
 lbrytv/component/footer.jsx   | 17 +++++++++----
 lbrytv/page/code2257/index.js |  2 ++
 lbrytv/page/code2257/view.jsx | 47 +++++++++++++++++++++++++++++++++++
 ui/component/router/view.jsx  |  7 ++++++
 ui/constants/pages.js         |  1 +
 6 files changed, 70 insertions(+), 5 deletions(-)
 create mode 100644 lbrytv/page/code2257/index.js
 create mode 100644 lbrytv/page/code2257/view.jsx

diff --git a/.flowconfig b/.flowconfig
index 33672e592..3083a80df 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -29,5 +29,6 @@ module.name_mapper='^effects\(.*\)$' -> '<PROJECT_ROOT>/ui/effects\1'
 module.name_mapper='^config\(.*\)$' -> '<PROJECT_ROOT>/config\1'
 module.name_mapper='^lbrytv\/component\(.*\)$' -> '<PROJECT_ROOT>/lbrytv/component\1'
 module.name_mapper='^lbrytv\/effects\(.*\)$' -> '<PROJECT_ROOT>/lbrytv/effects\1'
+module.name_mapper='^lbrytv\/page\(.*\)$' -> '<PROJECT_ROOT>/lbrytv/page\1'
 
 [strict]
diff --git a/lbrytv/component/footer.jsx b/lbrytv/component/footer.jsx
index b0110d4a0..8de323523 100644
--- a/lbrytv/component/footer.jsx
+++ b/lbrytv/component/footer.jsx
@@ -1,4 +1,5 @@
 // @flow
+import * as PAGES from 'constants/pages';
 import React from 'react';
 import Button from 'component/button';
 
@@ -68,6 +69,10 @@ const sections = [
         label: 'Privacy Policy',
         link: 'https://lbry.com/privacypolicy',
       },
+      {
+        label: '2257',
+        navigate: `/$/${PAGES.CODE_2257}`,
+      },
     ],
   },
 ];
@@ -80,11 +85,13 @@ export default function Footer() {
           <div key={name} className="footer__section">
             <div className="footer__section-title">{name}</div>
             <ul className="ul--no-style">
-              {links.map(({ label, link }) => (
-                <li key={label}>
-                  <Button className="footer__link" href={link} label={label} />
-                </li>
-              ))}
+              {links.map(({ label, link, navigate }) => {
+                return (
+                  <li key={label}>
+                    <Button className="footer__link" href={link} navigate={navigate} label={label} />
+                  </li>
+                );
+              })}
             </ul>
           </div>
         );
diff --git a/lbrytv/page/code2257/index.js b/lbrytv/page/code2257/index.js
new file mode 100644
index 000000000..bf0d2b095
--- /dev/null
+++ b/lbrytv/page/code2257/index.js
@@ -0,0 +1,2 @@
+import PageCode2257 from './view';
+export default PageCode2257;
diff --git a/lbrytv/page/code2257/view.jsx b/lbrytv/page/code2257/view.jsx
new file mode 100644
index 000000000..3ee535f25
--- /dev/null
+++ b/lbrytv/page/code2257/view.jsx
@@ -0,0 +1,47 @@
+// @flow
+import React from 'react';
+import Page from 'component/page';
+import Card from 'component/common/card';
+
+const Code2257Page = () => {
+  return (
+    <Page>
+      <Card
+        title="18 USC 2257 Statement: lbry.tv"
+        body={
+          <div>
+            <p>
+              lbry.tv is not a producer (primary or secondary) of any and all of the content found on the website
+              (lbry.tv). With respect to the records as per 18 USC 2257 for any and all content found on this site,
+              please kindly direct your request to the site for which the content was produced.
+            </p>
+            <p>
+              lbry.tv is a video sharing site in which allows for the uploading, sharing and general viewing of various
+              types of adult content and while lbry.tv does the best it can with verifying compliance, it may not be
+              100% accurate.
+            </p>
+            <p>
+              lbry.tv abides by the following procedures to ensure compliance:
+              <ul>
+                <li>Requiring all users to be 18 years of age to upload videos.</li>
+                <li>
+                  When uploading, user must verify the content; assure he/she is 18 years of age; certify that he/she
+                  keeps records of the models in the content and that they are over 18 years of age.
+                </li>
+              </ul>
+            </p>
+            <p>
+              For further assistance and/or information in finding the content's originating site, please contact
+              lbry.tv compliance at copyright@lbry.com
+            </p>
+            <p>
+              Users of lbry.tv who come across such content are urged to flag it as inappropriate by clicking 'Report
+              this video' link found below each video.
+            </p>
+          </div>
+        }
+      />
+    </Page>
+  );
+};
+export default Code2257Page;
diff --git a/ui/component/router/view.jsx b/ui/component/router/view.jsx
index e178c8df5..26570d2c0 100644
--- a/ui/component/router/view.jsx
+++ b/ui/component/router/view.jsx
@@ -7,6 +7,9 @@ import HelpPage from 'page/help';
 //  @if TARGET='app'
 import BackupPage from 'page/backup';
 // @endif
+//  @if TARGET='web'
+import Code2257Page from 'lbrytv/page/code2257';
+// @endif
 import ReportPage from 'page/report';
 import ShowPage from 'page/show';
 import PublishPage from 'page/publish';
@@ -36,6 +39,7 @@ import Welcome from 'page/welcome';
 import CreatorDashboard from 'page/creatorDashboard';
 import RewardsVerifyPage from 'page/rewardsVerify';
 import CheckoutPage from 'page/checkoutPage';
+
 import { parseURI } from 'lbry-redux';
 import { SITE_TITLE, WELCOME_VERSION } from 'config';
 
@@ -170,6 +174,9 @@ function AppRouter(props: Props) {
       {/* @if TARGET='app' */}
       <Route path={`/$/${PAGES.BACKUP}`} exact component={BackupPage} />
       {/* @endif */}
+      {/* @if TARGET='web' */}
+      <Route path={`/$/${PAGES.CODE_2257}`} exact component={Code2257Page} />
+      {/* @endif */}
       <Route path={`/$/${PAGES.AUTH_VERIFY}`} exact component={SignInVerifyPage} />
       <Route path={`/$/${PAGES.SEARCH}`} exact component={SearchPage} />
       <Route path={`/$/${PAGES.TOP}`} exact component={TopPage} />
diff --git a/ui/constants/pages.js b/ui/constants/pages.js
index 612f1afe1..e8b3a8ec5 100644
--- a/ui/constants/pages.js
+++ b/ui/constants/pages.js
@@ -36,3 +36,4 @@ exports.TOP = 'top';
 exports.WELCOME = 'welcome';
 exports.CREATOR_DASHBOARD = 'dashboard';
 exports.CHECKOUT = 'checkout';
+exports.CODE_2257 = '2257';