From c8ffc15b763e0c85464ba423f43872fb304eb851 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Tue, 20 Apr 2021 16:01:16 +0800
Subject: [PATCH] refactor: add warning and info about book import feature

---
 komga-webui/src/locales/en.json      | 5 ++++-
 komga-webui/src/views/BookImport.vue | 7 +++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json
index d080a32d9..6d6b2f970 100644
--- a/komga-webui/src/locales/en.json
+++ b/komga-webui/src/locales/en.json
@@ -582,6 +582,9 @@
       "error_analyze_first": "Book needs to be analyzed first",
       "error_only_import_no_errors": "Can only import books without errors",
       "error_choose_series": "Choose a series"
-    }
+    },
+    "warning_early_feature": "Book Import is still an early feature, and must be used with caution. Make sure your source\n      and destination files\n      are backed up before using the Import feature.",
+    "info_part1": "This screen lets you import files that are outside your existing libraries. You can only import files into\n        existing Series, in which case Komga will move or copy the files into the directory of the chosen Series.",
+    "info_part2": "If you choose a number for a book, and a book already exists with that number, then\n        you will be able to compare the 2 books. If you decide to import the book, Komga will upgrade the existing book\n        with the new one, effectively replacing the old file with the new."
   }
 }
diff --git a/komga-webui/src/views/BookImport.vue b/komga-webui/src/views/BookImport.vue
index c163d1f59..d8280d274 100644
--- a/komga-webui/src/views/BookImport.vue
+++ b/komga-webui/src/views/BookImport.vue
@@ -1,5 +1,12 @@
 <template>
   <v-container fluid class="pa-6">
+    <v-alert type="warning" text>{{ $t('book_import.warning_early_feature') }}</v-alert>
+
+    <v-alert type="info" text class="body-2">
+      <div>{{ $t('book_import.info_part1') }}</div>
+      <div class="mt-2">{{ $t('book_import.info_part2') }}</div>
+    </v-alert>
+
     <v-row align="center">
       <v-col>
         <v-text-field