From 9b93a94b3e915d5f565386085151934bee04d0fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@users.noreply.github.com>
Date: Tue, 15 Dec 2020 07:50:08 +0100
Subject: [PATCH] Add AppNavigationNewItem
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 .../AppNavigationItem/AppNavigationItem.vue   |  3 ++-
 .../AppNavigationNewItem.vue                  |  8 ++++---
 src/components/AppNavigationNewItem/index.js  | 24 +++++++++++++++++++
 src/components/index.js                       |  2 ++
 4 files changed, 33 insertions(+), 4 deletions(-)
 rename src/components/{AppNavigationItem => AppNavigationNewItem}/AppNavigationNewItem.vue (97%)
 create mode 100644 src/components/AppNavigationNewItem/index.js

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
index 97f0d88dff..19a3899393 100644
--- a/src/components/AppNavigationItem/AppNavigationItem.vue
+++ b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -181,11 +181,12 @@ Just set the `pinned` prop.
 
 <script>
 import { directive as ClickOutside } from 'v-click-outside'
+
 import Actions from '../Actions/Actions'
 import ActionButton from '../ActionButton/ActionButton'
 import AppNavigationIconCollapsible from './AppNavigationIconCollapsible'
 import isMobile from '../../mixins/isMobile'
-import InputConfirmCancel from './InputConfirmCancel.vue'
+import InputConfirmCancel from './InputConfirmCancel'
 
 export default {
 	name: 'AppNavigationItem',
diff --git a/src/components/AppNavigationItem/AppNavigationNewItem.vue b/src/components/AppNavigationNewItem/AppNavigationNewItem.vue
similarity index 97%
rename from src/components/AppNavigationItem/AppNavigationNewItem.vue
rename to src/components/AppNavigationNewItem/AppNavigationNewItem.vue
index eda035f002..aab6adb7f9 100644
--- a/src/components/AppNavigationItem/AppNavigationNewItem.vue
+++ b/src/components/AppNavigationNewItem/AppNavigationNewItem.vue
@@ -64,8 +64,9 @@
 
 <script>
 import { directive as ClickOutside } from 'v-click-outside'
+
 import isMobile from '../../mixins/isMobile'
-import InputConfirmCancel from './InputConfirmCancel.vue'
+import InputConfirmCancel from '../AppNavigationItem/InputConfirmCancel'
 
 export default {
 	name: 'AppNavigationNewItem',
@@ -77,6 +78,7 @@ export default {
 		ClickOutside,
 	},
 	mixins: [isMobile],
+
 	props: {
 		/**
 		 * The title of the element.
@@ -124,8 +126,7 @@ export default {
 			newItemActive: false,
 		}
 	},
-	computed: {
-	},
+
 	methods: {
 		handleNewItem() {
 			if (!this.loading) {
@@ -146,6 +147,7 @@ export default {
 	},
 }
 </script>
+
 <style lang="scss">
 .app-navigation-new-item__title {
 	overflow: hidden;
diff --git a/src/components/AppNavigationNewItem/index.js b/src/components/AppNavigationNewItem/index.js
new file mode 100644
index 0000000000..469c0bee4a
--- /dev/null
+++ b/src/components/AppNavigationNewItem/index.js
@@ -0,0 +1,24 @@
+/**
+ * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+import AppNavigationNewItem from './AppNavigationNewItem'
+
+export default AppNavigationNewItem
diff --git a/src/components/index.js b/src/components/index.js
index c44ff3c018..711051cb49 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -40,6 +40,7 @@ import AppNavigationCounter from './AppNavigationCounter'
 import AppNavigationIconBullet from './AppNavigationIconBullet'
 import AppNavigationItem from './AppNavigationItem'
 import AppNavigationNew from './AppNavigationNew'
+import AppNavigationNewItem from './AppNavigationNewItem'
 import AppNavigationSettings from './AppNavigationSettings'
 import AppNavigationSpacer from './AppNavigationSpacer'
 import AppSettingsDialog from './AppSettingsDialog'
@@ -83,6 +84,7 @@ export {
 	AppNavigationIconBullet,
 	AppNavigationItem,
 	AppNavigationNew,
+	AppNavigationNewItem,
 	AppNavigationSettings,
 	AppNavigationSpacer,
 	AppSettingsDialog,