From 85bba8bc3a630a46ae2479da55572abeb371ec15 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 11 Jun 2020 16:39:31 -0400
Subject: [PATCH] Add external links in nav, tweak line height

---
 src/components/v-list/v-list-item-content.vue |  2 +-
 src/lang/en-US/index.json                     |  4 +++-
 .../components/navigation/navigation.vue      | 24 ++++++++++++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/v-list/v-list-item-content.vue b/src/components/v-list/v-list-item-content.vue
index 2224475920..39a97218a5 100644
--- a/src/components/v-list/v-list-item-content.vue
+++ b/src/components/v-list/v-list-item-content.vue
@@ -32,7 +32,7 @@ body {
 			flex-basis: 100%;
 			flex-grow: 1;
 			flex-shrink: 0;
-			line-height: 1;
+			line-height: 1.4;
 
 			&:not(:last-child) {
 				margin-bottom: 2px;
diff --git a/src/lang/en-US/index.json b/src/lang/en-US/index.json
index 4acece825f..cc8b811459 100644
--- a/src/lang/en-US/index.json
+++ b/src/lang/en-US/index.json
@@ -239,6 +239,9 @@
 	"disabled": "Disabled",
 	"information": "Information",
 
+	"report_bug": "Report Bug",
+	"request_feature": "Request Feature",
+
 	"interface_not_found": "Interface \"{interface}\" not found",
 
 	"item_count": "No Items | One Item | {count} Items",
@@ -961,7 +964,6 @@
   "remove": "Remove",
   "remove_related": "Remove Related Item",
   "report_issue": "Report Issue",
-  "request_feature": "Request Feature",
   "reset": "Reset",
   "reset_password": "Reset Password",
   "reset_preferences": "Reset all listing preferences",
diff --git a/src/modules/settings/components/navigation/navigation.vue b/src/modules/settings/components/navigation/navigation.vue
index 033cb4e359..4e550961c6 100644
--- a/src/modules/settings/components/navigation/navigation.vue
+++ b/src/modules/settings/components/navigation/navigation.vue
@@ -6,6 +6,15 @@
 				<v-list-item-title>{{ item.name }}</v-list-item-title>
 			</v-list-item-content>
 		</v-list-item>
+
+		<v-divider />
+
+		<v-list-item v-for="item in externalItems" :href="item.href" :key="item.href">
+			<v-list-item-icon><v-icon :name="item.icon" /></v-list-item-icon>
+			<v-list-item-content>
+				<v-list-item-title>{{ item.name }}</v-list-item-title>
+			</v-list-item-content>
+		</v-list-item>
 	</v-list>
 </template>
 
@@ -47,7 +56,20 @@ export default defineComponent({
 			},
 		];
 
-		return { navItems };
+		const externalItems = [
+			{
+				icon: 'bug_report',
+				name: i18n.t('report_bug'),
+				href: 'https://github.com/directus/app/issues/new?template=bug_report.md',
+			},
+			{
+				icon: 'new_releases',
+				name: i18n.t('request_feature'),
+				href: 'https://github.com/directus/directus/discussions/new',
+			},
+		];
+
+		return { navItems, externalItems };
 	},
 });
 </script>