From 564a754a4d39522567762f02a7e5d0651011c72c Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 3 Jan 2023 18:24:39 +0100
Subject: [PATCH] ui: clean up nav footer

---
 components/nav/NavFooter.vue | 19 ++++++++++++-------
 config/i18n.ts               |  3 +++
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
index edbc9cf7..e91f2f6b 100644
--- a/components/nav/NavFooter.vue
+++ b/components/nav/NavFooter.vue
@@ -28,16 +28,13 @@ function toggleDark() {
         />
       </CommonTooltip>
     </div>
-    <div>
-      <button cursor-pointer hover:underline @click="openPreviewHelp">
-        {{ $t('nav.show_intro') }}
-      </button>
-    </div>
-    <div>{{ $t('app_desc_short') }}</div>
     <div>
       <i18n-t v-if="isHydrated" keypath="nav.built_at">
         <time :datetime="String(buildTimeDate)" :title="$d(buildTimeDate, 'long')">{{ buildTimeAgo }}</time>
       </i18n-t>
+      <span v-else>
+        {{ $t('nav.built_at', [$d(buildTimeDate, 'shortDate')]) }}
+      </span>
       <template v-if="buildInfo.version">
         &middot;
         v{{ buildInfo.version }}
@@ -55,7 +52,15 @@ function toggleDark() {
       </template>
     </div>
     <div>
-      <a href="/m.webtoo.ls/@elk" target="_blank">Mastodon</a> &middot; <a href="https://chat.elk.zone" target="_blank">Discord</a> &middot; <a href="https://github.com/elk-zone" target="_blank">GitHub</a>
+      <NuxtLink cursor-pointer hover:underline to="/settings/about">
+        {{ $t('settings.about.label') }}
+      </NuxtLink>
+      &middot;
+      <a href="/m.webtoo.ls/@elk" target="_blank">Mastodon</a>
+      &middot;
+      <a href="https://chat.elk.zone" target="_blank">Discord</a>
+      &middot;
+      <a href="https://github.com/elk-zone" target="_blank">GitHub</a>
     </div>
   </footer>
 </template>
diff --git a/config/i18n.ts b/config/i18n.ts
index 1a944abd..edee590c 100644
--- a/config/i18n.ts
+++ b/config/i18n.ts
@@ -76,6 +76,9 @@ const datetimeFormats = Object.values(locales).reduce((acc, data) => {
   }
   else {
     acc[data.code] = {
+      shortDate: {
+        dateStyle: 'short',
+      },
       short: {
         dateStyle: 'short',
         timeStyle: 'short',