legal footer

components/footer.js

@@ -127,6 +127,20 @@ const AnalyticsPopover = (
   </Popover>
 )
 
+const LegalPopover = (
+  <Popover>
+    <Popover.Body style={{ fontWeight: 500, fontSize: '.9rem' }}>
+      <Link href='/tos' className='nav-link p-0 d-inline-flex'>
+        terms of service
+      </Link>
+      <span className='mx-2 text-muted'> \ </span>
+      <Link href='/privacy' className='nav-link p-0 d-inline-flex'>
+        privacy policy
+      </Link>
+    </Popover.Body>
+  </Popover>
+)
+
 export default function Footer ({ links = true }) {
   const [darkMode, darkModeToggle] = useDarkMode()
 
@@ -209,9 +223,11 @@ export default function Footer ({ links = true }) {
                 changes
               </Link>
               <span className='mx-2 text-muted'> \ </span>
-              <Link href='/privacy' className='nav-link p-0 p-0 d-inline-flex'>
+              <OverlayTrigger trigger='click' placement='top' overlay={LegalPopover} rootClose>
-                privacy
+                <div className='nav-link p-0 p-0 d-inline-flex' style={{ cursor: 'pointer' }}>
-              </Link>
+                  legal
+                </div>
+              </OverlayTrigger>
             </div>
           </>}
         {process.env.NEXT_PUBLIC_LND_CONNECT_ADDRESS &&

lib/constants.js

@@ -81,8 +81,8 @@ export const LOST_BLURBS = [
 ]
 
 export const ITEM_ALLOW_EDITS = [
-  // FAQ, privacy policy, changelog, content guidelines
+  // FAQ, old privacy policy, changelog, content guidelines, tos, new privacy policy
-  349, 76894, 78763, 81862
+  349, 76894, 78763, 81862, 338393, 338369
 ]
 
 export const INVOICE_RETENTION_DAYS = 7

next.config.js

@@ -120,7 +120,11 @@ module.exports = withPlausibleProxy()({
       },
       {
         source: '/privacy',
-        destination: '/items/76894'
+        destination: '/items/338369'
+      },
+      {
+        source: '/tos',
+        destination: '/items/338393'
       },
       {
         source: '/changes',