From c70d0fb2244fc4e8d251626c918dd543265eab04 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Mon, 25 Nov 2019 20:53:22 +0200
Subject: [PATCH] Display a badge when built in development mode

---
 client/components/Sidebar.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/client/components/Sidebar.vue b/client/components/Sidebar.vue
index e1e7ff20..742c2d33 100644
--- a/client/components/Sidebar.vue
+++ b/client/components/Sidebar.vue
@@ -12,6 +12,18 @@
 					class="logo-inverted"
 					alt="The Lounge"
 				/>
+				<span
+					v-if="isDevelopment"
+					title="The Lounge has been built in development mode"
+					:style="{
+						backgroundColor: '#ff9e18',
+						color: '#000',
+						padding: '2px',
+						borderRadius: '4px',
+						fontSize: '12px',
+					}"
+					>DEVELOPER</span
+				>
 			</div>
 			<NetworkList />
 		</div>
@@ -66,6 +78,11 @@ export default {
 	props: {
 		overlay: HTMLElement,
 	},
+	data() {
+		return {
+			isDevelopment: process.env.NODE_ENV !== "production",
+		};
+	},
 	mounted() {
 		this.touchStartPos = null;
 		this.touchCurPos = null;