make "BETA" watermark depend on app version

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}

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;

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(