Commit MVP

1 files changed, 26 insertions, 1 deletions

diff --git a/src/views/About.vue b/src/views/About.vue
index 3fa2807..ab4725e 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,5 +1,30 @@
 <template>
   <div class="about">
-    <h1>This is an about page</h1>
+    <router-link to="/editor">Create new database</router-link>
+    <file-upload
+      :accept="'application/json'"
+      @file-changed="handleDatabaseChange">Use existing database</file-upload>
   </div>
 </template>
+
+<script>
+import FileUpload from '../components/FileUpload.vue';
+
+import { parsePtDatabase } from '../features/parser';
+
+export default {
+  name: 'About',
+  components: {
+    FileUpload,
+  },
+  methods: {
+    handleDatabaseChange(files) {
+      parsePtDatabase(files[0]).then((result) => {
+        this.$store.commit('setLabs', result.labs);
+        this.$store.commit('setPeerTeachers', result.peerTeachers);
+        this.$router.push({ name: 'Editor' });
+      });
+    },
+  },
+};
+</script>