From a2ae52e781a3589734079fea6e08d96592973e50 Mon Sep 17 00:00:00 2001
From: Hayden <hay-kot@pm.me>
Date: Sun, 17 Jan 2021 15:22:26 -0900
Subject: [PATCH] upload button vile creation

---
 .../src/components/Settings/Backup/index.vue  | 11 +++++++-
 .../Migration/UploadMigrationButton.vue       |  2 +-
 frontend/src/components/UI/UploadBtn.vue      | 25 +++++++++++++++++++
 3 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/components/UI/UploadBtn.vue

diff --git a/frontend/src/components/Settings/Backup/index.vue b/frontend/src/components/Settings/Backup/index.vue
index 4a319d458..defa661b2 100644
--- a/frontend/src/components/Settings/Backup/index.vue
+++ b/frontend/src/components/Settings/Backup/index.vue
@@ -17,7 +17,16 @@
         </v-col>
       </v-row>
       <v-divider class="my-3"></v-divider>
-
+      <v-card-title class="mt-n6">
+        Available Backups
+        <v-spacer></v-spacer>
+        <span>
+          <v-btn color="success" text class="ma-2 white--text">
+            Upload
+            <v-icon right dark> mdi-cloud-upload </v-icon>
+          </v-btn>
+        </span>
+      </v-card-title>
       <AvailableBackupCard
         @loading="backupLoading = true"
         @finished="processFinished"
diff --git a/frontend/src/components/Settings/Migration/UploadMigrationButton.vue b/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
index 7c9e65be0..b34ff6b27 100644
--- a/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
+++ b/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
@@ -11,7 +11,7 @@
     >
     </v-file-input>
   </v-form>
-</template>
+</template>c
 
 <script>
 import api from "../../../api";
diff --git a/frontend/src/components/UI/UploadBtn.vue b/frontend/src/components/UI/UploadBtn.vue
new file mode 100644
index 000000000..fc84f027e
--- /dev/null
+++ b/frontend/src/components/UI/UploadBtn.vue
@@ -0,0 +1,25 @@
+<template>
+  <v-form ref="file">
+    <v-file-input
+      :loading="loading"
+      :label="$t('migration.upload-an-archive')"
+      v-model="file"
+      accept=".zip"
+      @change="upload"
+      :prepend-icon="icon"
+      class="file-icon"
+    >
+    </v-file-input>
+    <v-btn color="success" text class="ma-2 white--text">
+      Upload
+      <v-icon right dark> mdi-cloud-upload </v-icon>
+    </v-btn>
+  </v-form>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>
\ No newline at end of file