. (period) keyboard shortcut = load new posts

src/components/keyboard-shortcuts-help.jsx

@@ -71,6 +71,10 @@ export default memo(function KeyboardShortcutsHelp() {
                     </>
                   ),
                 },
+                {
+                  action: 'Load new posts',
+                  keys: <kbd>.</kbd>,
+                },
                 {
                   action: 'Open post details',
                   keys: (

src/components/timeline.jsx

@@ -204,6 +204,21 @@ function Timeline({
     }
   });
 
+  const showNewPostsIndicator =
+    items.length > 0 && uiState !== 'loading' && showNew;
+  const handleLoadNewPosts = useCallback(() => {
+    loadItems(true);
+    scrollableRef.current?.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  }, [loadItems]);
+  const dotRef = useHotkeys('.', () => {
+    if (showNewPostsIndicator) {
+      handleLoadNewPosts();
+    }
+  });
+
   // const {
   //   scrollDirection,
   //   nearReachStart,
@@ -387,24 +402,15 @@ function Timeline({
                 {!!headerEnd && headerEnd}
               </div>
             </div>
-            {items.length > 0 &&
+            {showNewPostsIndicator && (
-              uiState !== 'loading' &&
+              <button
-              // !hiddenUI &&
+                class="updates-button shiny-pill"
-              showNew && (
+                type="button"
-                <button
+                onClick={handleLoadNewPosts}
-                  class="updates-button shiny-pill"
+              >
-                  type="button"
+                <Icon icon="arrow-up" /> New posts
-                  onClick={() => {
+              </button>
-                    loadItems(true);
+            )}
-                    scrollableRef.current?.scrollTo({
-                      top: 0,
-                      behavior: 'smooth',
-                    });
-                  }}
-                >
-                  <Icon icon="arrow-up" /> New posts
-                </button>
-              )}
           </header>
           {!!timelineStart && (
             <div