Merge pull request #393 from cheeaun/main

Update from main

package.json

@@ -25,12 +25,12 @@
     "idb-keyval": "~6.2.1",
     "just-debounce-it": "~3.2.0",
     "lz-string": "~1.5.0",
-    "masto": "~6.5.1",
+    "masto": "~6.5.2",
     "moize": "~6.1.6",
     "p-retry": "~6.2.0",
     "p-throttle": "~6.1.0",
     "preact": "~10.19.3",
-    "react-hotkeys-hook": "~4.4.1",
+    "react-hotkeys-hook": "~4.4.3",
     "react-intersection-observer": "~9.5.3",
     "react-quick-pinch-zoom": "~5.1.0",
     "react-router-dom": "6.6.2",
@@ -45,13 +45,13 @@
     "valtio": "1.9.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "~2.7.0",
+    "@preact/preset-vite": "~2.8.1",
     "@trivago/prettier-plugin-sort-imports": "~4.3.0",
-    "postcss": "~8.4.32",
+    "postcss": "~8.4.33",
     "postcss-dark-theme-class": "~1.1.0",
     "postcss-preset-env": "~9.3.0",
     "twitter-text": "~3.1.0",
-    "vite": "~5.0.10",
+    "vite": "~5.0.11",
     "vite-plugin-generate-file": "~0.1.1",
     "vite-plugin-html-config": "~1.0.11",
     "vite-plugin-pwa": "~0.17.4",

src/app.css

@@ -1059,6 +1059,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 .ui-state {
   padding: 16px;
   text-align: center;
+
+  .icon {
+    vertical-align: middle;
+  }
 }
 
 .status-carousel-link {

src/components/icon.jsx

@@ -41,6 +41,7 @@ export const ICONS = {
   upload: () => import('@iconify-icons/mingcute/upload-3-line'),
   gear: () => import('@iconify-icons/mingcute/settings-3-line'),
   more: () => import('@iconify-icons/mingcute/more-3-line'),
+  more2: () => import('@iconify-icons/mingcute/more-1-fill'),
   external: () => import('@iconify-icons/mingcute/external-link-line'),
   popout: () => import('@iconify-icons/mingcute/external-link-line'),
   popin: [() => import('@iconify-icons/mingcute/external-link-line'), '180deg'],

src/components/keyboard-shortcuts-help.jsx

@@ -17,7 +17,7 @@ export default memo(function KeyboardShortcutsHelp() {
   }
 
   useHotkeys(
-    '?, shift+?',
+    '?, shift+?, shift+slash',
     (e) => {
       console.log('help');
       states.showKeyboardShortcutsHelp = true;
@@ -71,6 +71,10 @@ export default memo(function KeyboardShortcutsHelp() {
                     </>
                   ),
                 },
+                {
+                  action: 'Load new posts',
+                  keys: <kbd>.</kbd>,
+                },
                 {
                   action: 'Open post details',
                   keys: (