From 662ea4fcd2221b5871a33b54720e065e7976b9c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= <vojtech.kane@gmail.com>
Date: Sat, 23 Jan 2021 14:18:39 +0100
Subject: [PATCH] NavBar to Upload and Apply pages

---
 form/res-judicata/src/components/NavBar.vue | 18 ++++++++++++++++++
 form/res-judicata/src/views/Apply.vue       |  5 +++--
 form/res-judicata/src/views/Upload.vue      |  5 +++--
 3 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 form/res-judicata/src/components/NavBar.vue

diff --git a/form/res-judicata/src/components/NavBar.vue b/form/res-judicata/src/components/NavBar.vue
new file mode 100644
index 0000000..fca15c6
--- /dev/null
+++ b/form/res-judicata/src/components/NavBar.vue
@@ -0,0 +1,18 @@
+<template>
+    <b-navbar>
+        <template #brand>
+            <b-navbar-item tag="router-link" :to="{ path: '/' }">
+                <img
+                    src="@/assets/logo.png"
+                    alt="Res Judicata"
+                >
+            </b-navbar-item>
+        </template>
+    </b-navbar>
+</template>
+
+<script>
+export default {
+    name: "NavBar"
+}
+</script>
diff --git a/form/res-judicata/src/views/Apply.vue b/form/res-judicata/src/views/Apply.vue
index 9e1b76c..6f1f783 100644
--- a/form/res-judicata/src/views/Apply.vue
+++ b/form/res-judicata/src/views/Apply.vue
@@ -1,5 +1,6 @@
 <template>
   <div id="component">
+    <NavBar></NavBar>
     <div class="container is-flex is-align-items-center is-flex-direction-column">
       <div class="field">
         <div class="file is-info has-name">
@@ -49,7 +50,6 @@
 
 <style scoped>
   #component {
-    margin: 2rem;
     max-height: 100vh;
   }
 
@@ -62,9 +62,10 @@
 // @ is an alias to /src
 
 import ICry from "../components/ICry";
+import NavBar from "../components/NavBar";
 export default {
   name: 'Apply',
-  components: {ICry},
+  components: {ICry, NavBar},
   props: {
   },
   data: function() {
diff --git a/form/res-judicata/src/views/Upload.vue b/form/res-judicata/src/views/Upload.vue
index 2a008bc..5c6a98d 100644
--- a/form/res-judicata/src/views/Upload.vue
+++ b/form/res-judicata/src/views/Upload.vue
@@ -1,5 +1,6 @@
 <template>
   <div id="component">
+    <NavBar></NavBar>
     <div class="container is-flex is-align-items-center is-flex-direction-column">
       <div class="field">
         <div class="file is-info has-name">
@@ -54,7 +55,6 @@
   }
 
   #component {
-    margin: 2rem;
     max-height: 100vh;
   }
 
@@ -67,9 +67,10 @@
 // @ is an alias to /src
 
 import ICry from "../components/ICry";
+import NavBar from "../components/NavBar";
 export default {
   name: 'Upload',
-  components: {ICry},
+  components: {ICry, NavBar},
   props: {
     "detections": Array
   },