feat: add basic canal selector

1 files changed, 22 insertions, 0 deletions

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 0cb75c94..cc6eb9f2 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { NorthstarState } from '../utils/NorthstarState';
+import { ReleaseCanal } from '../utils/ReleaseCanal';
 
 export default {
     name: 'PlayButton',
@@ -25,6 +26,14 @@ export default {
                 default: 
                     return "";
             }
+        },
+        options(): {key: string, value: string}[] {
+            return Object.keys(ReleaseCanal).map(function (v) {
+                return {
+                    key: v,
+                    value: ReleaseCanal[v]
+                }
+            });
         }
     },
     methods: {
@@ -39,6 +48,19 @@ export default {
     <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
         {{ playButtonLabel }}
     </el-button>
+    <el-select
+      v-model="$store.state.release_canal"
+      filterable
+      placeholder="Select release canal"
+      style="width: 240px"
+    >
+      <el-option
+        v-for="item in options"
+        :key="item.key"
+        :label="item.value"
+        :value="item.value"
+      />
+    </el-select>
 </template>
 
 <style scoped>