From 43cc1bce1c5c0178e81a202435188faf08269e14 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Sun, 17 Jan 2021 15:41:57 -0600
Subject: [PATCH] make "BETA" watermark depend on app version

---
 src/components/Editor.tsx  | 2 +-
 src/components/editor.scss | 8 +++++---
 src/index.tsx              | 5 +++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
index 75449edf..669fd12b 100644
--- a/src/components/Editor.tsx
+++ b/src/components/Editor.tsx
@@ -78,7 +78,7 @@ class Editor extends React.Component<EditorProps> {
     render(): JSX.Element {
         const { darkMode, i18n, onSessionChanged } = this.props;
         return (
-            <div className="h-100 watermark">
+            <div className="h-100">
                 <ResizeSensor onResize={(): void => this.editor?.resize()}>
                     <AceEditor
                         ref={this.editorRef}
diff --git a/src/components/editor.scss b/src/components/editor.scss
index 37f6a23f..4495e05c 100644
--- a/src/components/editor.scss
+++ b/src/components/editor.scss
@@ -5,17 +5,19 @@
 
 @import '../variables.scss';
 
+// make ace editor match app backgound color
+
 .#{$ns}-dark .ace_gutter {
-    // make ace editor match app backgound color
     background-color: $pt-dark-app-background-color;
 }
 
 .ace_gutter {
-    // make ace editor match app backgound color
     background-color: $pt-app-background-color;
 }
 
-.watermark::after {
+// add "BETA" watermark
+
+.pb-beta .ace_scroller::after {
     content: "";
     background: url("./images/beta.svg");
     opacity: 1;
diff --git a/src/index.tsx b/src/index.tsx
index 8cb5cf42..3fb2796a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -46,6 +46,11 @@ store.subscribe(() => {
     }
 });
 
+// special styling for beta versions
+if (process.env.REACT_APP_VERSION?.match(/beta/)) {
+    document.body.classList.add('pb-beta');
+}
+
 sagaMiddleware.run(rootSaga);
 
 ReactDOM.render(