chore: Add rt.live warning

src/__tests__/components/charts/__snapshots__/bar-chart.js.snap

@@ -67,7 +67,7 @@ exports[`Components : Charts: Bar chart renders correctly 1`] = `
   viewBox="0 0 200 200"
 >
   <g
-    transform="translate(30 30"
+    transform="translate(30 30)"
   >
     <text
       className="label directions"
@@ -226,7 +226,7 @@ exports[`Components : Charts: Bar chart renders correctly 2`] = `
   viewBox="0 0 200 200"
 >
   <g
-    transform="translate(30 30"
+    transform="translate(30 30)"
   >
     <text
       className="label directions"

src/components/charts/bar-chart.js

@@ -156,7 +156,7 @@ const BarChart = ({
           }
         }}
       >
-        <g transform={`translate(${marginLeft} ${marginTop}`}>
+        <g transform={`translate(${marginLeft} ${marginTop})`}>
           <text className={classnames(chartStyles.label, styles.directions)}>
             Use arrows to move, Escape to leave.
           </text>

src/components/layout/header/data-warning.js

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React, { useState, useEffect } from 'react'
 import { useStaticQuery, graphql } from 'gatsby'
 import marked from 'marked'

src/components/layout/header/index.js

@@ -23,6 +23,7 @@ import HeaderSubNavigation from './sub-navigation'
 import ReturnLinks from './return-links'
 import Tools from './tools'
 import DataWarning from './data-warning'
+import RtLiveWarning from './rt-live-warning'
 
 const expandStyles = {
   open: { background: colors.colorPlum800 },
@@ -144,6 +145,7 @@ const Header = withSearch(
       <>
         <DevelopmentWarning />
         {showWarning && <DataWarning />}
+        <RtLiveWarning />
         <header
           className={classnames(
             'site-header',

src/components/layout/header/rt-live-warning.js

@@ -0,0 +1,59 @@
+import { Link } from 'gatsby'
+import React, { useState, useEffect } from 'react'
+import Container from '~components/common/container'
+import dataWarningStyle from './data-warning.module.scss'
+
+const DataWarning = () => {
+  const [isHidden, setIsHidden] = useState(true)
+
+  useEffect(() => {
+    if (typeof document === 'undefined') {
+      return
+    }
+    if (document.cookie && document.cookie.search('rt_ctp_warning') > -1) {
+      return
+    }
+    if (
+      (typeof document.referrer !== 'undefined' &&
+        document.referrer.search('rt.live') > -1) ||
+      window.location.href.search(/\?source=rt/) > -1
+    ) {
+      setIsHidden(false)
+    }
+  }, [])
+
+  return (
+    <>
+      {!isHidden && (
+        <div className={dataWarningStyle.warning}>
+          <Container>
+            <button
+              aria-label="Hide this warning"
+              type="button"
+              onClick={event => {
+                event.preventDefault()
+                setIsHidden(true)
+                const date = new Date()
+                date.setTime(date.getTime() + 10 * 24 * 60 * 60 * 1000)
+                document.cookie = `rt_ctp_warning=1; expires=${date.toISOString()}; path=/`
+              }}
+            >
+              &times;
+            </button>
+            <p role="alert">
+              Welcome, rt.live users. We are unaffiliated with rt.live and do
+              not estimate reproduction numbers for COVID-19. We do offer{' '}
+              <Link to="/data">
+                official public health data for 56 US states and territories
+              </Link>{' '}
+              and a <Link to="/data/charts">full set of chart tools</Link> you
+              may find helpful.
+            </p>
+          </Container>
+        </div>
+      )}
+    </>
+  )
+}
+
+export default DataWarning