From 51f3d702a21a9cf96887cc730c9d4bd59702d37f Mon Sep 17 00:00:00 2001
From: Hayden <hay-kot@pm.me>
Date: Sat, 9 Jan 2021 19:45:08 -0900
Subject: [PATCH] switch icon on import

---
 .../Settings/Migration/UploadMigrationButton.vue           | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/components/Settings/Migration/UploadMigrationButton.vue b/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
index c9072cc2f57d..5b8193a13ba4 100644
--- a/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
+++ b/frontend/src/components/Settings/Migration/UploadMigrationButton.vue
@@ -6,6 +6,8 @@
       v-model="file"
       accept=".zip"
       @change="upload"
+      :prepend-icon="icon"
+      class="file-icon"
     >
     </v-file-input>
   </v-form>
@@ -18,6 +20,7 @@ export default {
     return {
       file: null,
       loading: false,
+      icon: "mdi-paperclip",
     };
   },
   methods: {
@@ -32,6 +35,7 @@ export default {
         this.loading = false;
         this.$emit("uploaded");
         this.file = null;
+        this.icon = "mdi-check";
       }
     },
   },
@@ -39,4 +43,7 @@ export default {
 </script>
 
 <style>
+.file-icon {
+  transition-duration: 5s;
+}
 </style>
\ No newline at end of file