feat: add changelog view component

2 files changed, 26 insertions, 1 deletions

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 7fbe4045..219862bd 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import ChangelogView from './views/ChangelogView.vue';
 import DeveloperView from './views/DeveloperView.vue';
 import PlayView from './views/PlayView.vue';
 import SettingsView from './views/SettingsView.vue';
@@ -7,6 +8,7 @@ import { store } from './plugins/store';
 
 export default {
   components: {
+      ChangelogView,
       DeveloperView,
       PlayView,
       SettingsView
@@ -32,7 +34,7 @@ export default {
     <div id="fc_bg__container" data-tauri-drag-region />
     <el-tabs v-model="$store.state.current_tab" class="fc_menu__tabs" type="card">
         <el-tab-pane name="Play" label="Play"><PlayView /></el-tab-pane>
-        <el-tab-pane name="Changelog" label="Changelog">Changelog</el-tab-pane>
+        <el-tab-pane name="Changelog" label="Changelog"><ChangelogView /></el-tab-pane>
         <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
         <el-tab-pane name="Settings" label="Settings"><SettingsView/></el-tab-pane>
         <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">
diff --git a/src-vue/src/views/ChangelogView.vue b/src-vue/src/views/ChangelogView.vue
new file mode 100644
index 00000000..9fca5e5b
--- /dev/null
+++ b/src-vue/src/views/ChangelogView.vue
@@ -0,0 +1,23 @@
+<template>
+    <div class="fc__changelog__container">
+        <el-link :underline="false" icon="DocumentCopy" target="_blank" href="https://github.com/R2Northstar/Northstar/releases">
+            Open release notes
+        </el-link>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    name: "ChangelogView"
+}
+</script>
+
+<style scoped>
+.fc__changelog__container {
+    padding: 20px 30px;
+}
+
+.el-link {
+  color: white;
+}
+</style>