feat: . shortcut to show new items (#2612)

elk-zone · Feb 24, 2024 · 3769176 · 3769176
1 parent 082650d
commit 3769176
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 2 deletions.
diff --git a/components/magickeys/MagickeysKeyboardShortcuts.vue b/components/magickeys/MagickeysKeyboardShortcuts.vue
@@ -65,6 +65,10 @@ const shortcutItemGroups = computed<ShortcutItemGroup[]>(() => [
         description: t('magic_keys.groups.actions.compose'),
         shortcut: { keys: ['c'], isSequence: false },
       },
+      {
+        description: t('magic_keys.groups.actions.show_new_items'),
+        shortcut: { keys: ['.'], isSequence: false },
+      },
       {
         description: t('magic_keys.groups.actions.favourite'),
         shortcut: { keys: ['f'], isSequence: false },

diff --git a/components/notification/NotificationPaginator.vue b/components/notification/NotificationPaginator.vue
@@ -174,7 +174,7 @@ const { formatNumber } = useHumanReadableNumber()
     :virtualScroller="virtualScroller"
   >
     <template #updater="{ number, update }">
-      <button py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="() => { update(); clearNotifications() }">
+      <button id="elk_show_new_items" py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="() => { update(); clearNotifications() }">
         {{ $t('timeline.show_new_items', number, { named: { v: formatNumber(number) } }) }}
       </button>
     </template>

diff --git a/components/timeline/TimelinePaginator.vue b/components/timeline/TimelinePaginator.vue
@@ -25,7 +25,7 @@ const showOriginSite = computed(() =>
 <template>
   <CommonPaginator v-bind="{ paginator, stream, preprocess, buffer, endMessage }" :virtual-scroller="virtualScroller">
     <template #updater="{ number, update }">
-      <button py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="update">
+      <button id="elk_show_new_items" py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="update">
         {{ $t('timeline.show_new_items', number, { named: { v: formatNumber(number) } }) }}
       </button>
     </template>

diff --git a/locales/en.json b/locales/en.json
@@ -228,6 +228,7 @@
         "compose": "Compose",
         "favourite": "Favourite",
         "search": "Search",
+        "show_new_items": "Show new items",
         "title": "Actions"
       },
       "media": {

diff --git a/locales/es.json b/locales/es.json
@@ -228,6 +228,7 @@
         "compose": "Redactar",
         "favourite": "Favorito",
         "search": "Búsqueda",
+        "show_new_items": "Mostrar nuevas publicaciones",
         "title": "Acciones"
       },
       "media": {

diff --git a/plugins/magic-keys.client.ts b/plugins/magic-keys.client.ts
@@ -55,4 +55,12 @@ export default defineNuxtPlugin(({ $scrollToTop }) => {
       ?.click()
   }
   whenever(logicAnd(isAuthenticated, notUsingInput, keys.b), toggleBoostActiveStatus)
+
+  const showNewItems = () => {
+    // TODO: find a better solution than clicking buttons...
+    document
+      ?.querySelector<HTMLElement>('button#elk_show_new_items')
+      ?.click()
+  }
+  whenever(logicAnd(isAuthenticated, notUsingInput, keys['.']), showNewItems)
 })