From bbdacca1da894ef09c1fa8629ad35240eda2bf6f Mon Sep 17 00:00:00 2001 From: Jeff Avallone Date: Sun, 11 Feb 2018 09:12:48 -0500 Subject: [PATCH] Adding an environment banner to the page To prevent testing local changes in production --- src/components/PageTemplate.js | 2 +- .../__snapshots__/PageTemplate.test.js.snap | 2 ++ src/style.css | 16 ++++++++++++++++ webpack.common.js | 5 ++++- 4 files changed, 23 insertions(+), 2 deletions(-) diff --git a/src/components/PageTemplate.js b/src/components/PageTemplate.js index 6da50db..3f009b8 100644 --- a/src/components/PageTemplate.js +++ b/src/components/PageTemplate.js @@ -18,7 +18,7 @@ const PageTemplate = ({ title, children }) => ( Regexper{ title && (' - ' + title) } -
+

Regexper

diff --git a/src/components/__snapshots__/PageTemplate.test.js.snap b/src/components/__snapshots__/PageTemplate.test.js.snap index aa7bb7e..af2faba 100644 --- a/src/components/__snapshots__/PageTemplate.test.js.snap +++ b/src/components/__snapshots__/PageTemplate.test.js.snap @@ -24,6 +24,7 @@ exports[`PageTemplate rendering 1`] = `

@@ -102,6 +103,7 @@ exports[`PageTemplate rendering with title 1`] = `

diff --git a/src/style.css b/src/style.css index a21781d..ddbd449 100644 --- a/src/style.css +++ b/src/style.css @@ -33,6 +33,22 @@ body { position: relative; } +#main:after { + content: attr(data-banner); + pointer-events: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: var(--header-height); + line-height: var(--header-height); + text-transform: uppercase; + text-align: center; + font-size: calc(var(--header-height) * 0.7); + font-weight: bold; + opacity: 0.2; +} + #main h1 { font-family: 'Bangers', 'cursive'; font-size: 4rem; diff --git a/webpack.common.js b/webpack.common.js index 414e4b6..8e03340 100644 --- a/webpack.common.js +++ b/webpack.common.js @@ -38,7 +38,10 @@ module.exports = { }, plugins: [ new webpack.EnvironmentPlugin({ - NODE_ENV: 'development' + NODE_ENV: 'development', + GA_PROPERTY: null, + SENTRY_KEY: null, + BANNER: process.env.NODE_ENV === 'production' ? null : (process.env.NODE_ENV || 'development') }), new webpack.optimize.CommonsChunkPlugin({ name: 'common',