From 6d3164f5be365eb7eac61ed9df9f6c0d1e884629 Mon Sep 17 00:00:00 2001
From: Tyler-A <tyler.akins1999@gmail.com>
Date: Thu, 30 Jul 2020 21:48:20 -0600
Subject: [PATCH] Tell the control system if it's preview/dev mode.

---
 src/App.vue                   | 21 ++++++++++++++-------
 src/components/ControlBar.vue |  8 +++++---
 src/components/MainView.vue   |  6 ++++++
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fb82645..552554c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,11 @@
 <template>
 	<div class="maximize_size">
 		<LoginCard v-if="!is_authed" />
-		<MainView v-else />
+		<MainView
+			v-else
+			:preview_mode="is_preview"
+			:dev_mode="is_dev"
+		/>
 	</div>
 </template>
 
@@ -22,15 +26,18 @@ export default {
 		}
 	},
 	computed: {
+		is_dev() {
+			let params = new URLSearchParams(window.location.search.slice(1));
+			return params.get(`dev`) != null && params.get(`dev`) !== `false`
+		},
+		is_preview() {
+			let params = new URLSearchParams(window.location.search.slice(1));
+			return params.get(`preview`) != null && params.get(`preview`) !== `false`
+		},
 		is_authed() {
 			let params = new URLSearchParams(window.location.hash.slice(1));
-			let qparams = new URLSearchParams(window.location.search.slice(1));
 
-			if ( qparams.get(`dev`) != null && qparams.get(`dev`) !== `false` ) {
-				return true;
-			} else if ( qparams.get(`preview`) != null && qparams.get(`preview`) !== `false`) {
-				return true
-			}
+			if ( this.is_dev || this.is_preview ) { return true; };
 
 			// Check to ensure the authorization was a success
 			if (params.get(`access_token`)) {
diff --git a/src/components/ControlBar.vue b/src/components/ControlBar.vue
index 13d6814..5a12641 100644
--- a/src/components/ControlBar.vue
+++ b/src/components/ControlBar.vue
@@ -50,9 +50,11 @@
 <script>
 export default {
 	name: `ControlBar`,
-	props: [
-		'data_exists'
-	],
+	props: {
+		data_exists: Boolean,
+		dev: Boolean,
+		preview: Boolean,
+	},
 	components: {},
 	data() { return {
 		error: ``,
diff --git a/src/components/MainView.vue b/src/components/MainView.vue
index 8fd4ab9..551a4c1 100644
--- a/src/components/MainView.vue
+++ b/src/components/MainView.vue
@@ -1,6 +1,8 @@
 <template>
 	<div id="main_screen">
 		<Control
+			:dev="dev_mode"
+			:preview="preview_mode"
 			@export-attempt="handle_export"
 		/>
 	</div>
@@ -11,6 +13,10 @@ import ControlCard from "./ControlBar.vue"
 
 export default {
 	name: ``,
+	props: {
+		preview_mode: Boolean,
+		dev_mode: Boolean,
+	},
 	components: {
 		Control: ControlCard
 	},