diff --git a/apps/desktop2/package.json b/apps/desktop2/package.json index 74d5801b..8be687bb 100644 --- a/apps/desktop2/package.json +++ b/apps/desktop2/package.json @@ -29,6 +29,7 @@ "react": "^18.2.0", "react-currency-input-field": "^3.8.0", "react-dom": "^18.2.0", + "react-hotkeys-hook": "^4.5.0", "react-i18next": "^14.1.0", "slate": "^0.102.0", "slate-react": "^0.102.0", diff --git a/apps/desktop2/public/antenas.png b/apps/desktop2/public/antenas.png index 0b33465f..a55b08c2 100644 Binary files a/apps/desktop2/public/antenas.png and b/apps/desktop2/public/antenas.png differ diff --git a/apps/desktop2/public/antenas@2x.png b/apps/desktop2/public/antenas@2x.png index 812aeb24..1b4f705e 100644 Binary files a/apps/desktop2/public/antenas@2x.png and b/apps/desktop2/public/antenas@2x.png differ diff --git a/apps/desktop2/public/foryou.png b/apps/desktop2/public/foryou.png index feade3e1..275c23e2 100644 Binary files a/apps/desktop2/public/foryou.png and b/apps/desktop2/public/foryou.png differ diff --git a/apps/desktop2/public/foryou@2x.png b/apps/desktop2/public/foryou@2x.png index ee9a9684..0e1bd40d 100644 Binary files a/apps/desktop2/public/foryou@2x.png and b/apps/desktop2/public/foryou@2x.png differ diff --git a/apps/desktop2/public/group.png b/apps/desktop2/public/group.png index a19b1ed4..0fba6730 100644 Binary files a/apps/desktop2/public/group.png and b/apps/desktop2/public/group.png differ diff --git a/apps/desktop2/public/group@2x.png b/apps/desktop2/public/group@2x.png index 9c985a81..7698d451 100644 Binary files a/apps/desktop2/public/group@2x.png and b/apps/desktop2/public/group@2x.png differ diff --git a/apps/desktop2/src/routes/$account.home.tsx b/apps/desktop2/src/routes/$account.home.tsx index f8f7afef..ee372b17 100644 --- a/apps/desktop2/src/routes/$account.home.tsx +++ b/apps/desktop2/src/routes/$account.home.tsx @@ -7,6 +7,7 @@ import { UnlistenFn } from "@tauri-apps/api/event"; import { getCurrent } from "@tauri-apps/api/window"; import { useEffect, useRef, useState } from "react"; import { VList, VListHandle } from "virtua"; +import { useHotkeys } from "react-hotkeys-hook"; export const Route = createFileRoute("/$account/home")({ component: Screen, @@ -15,7 +16,6 @@ export const Route = createFileRoute("/$account/home")({ const DEFAULT_COLUMNS: LumeColumn[] = [ { id: 10001, name: "Newsfeed", content: "/newsfeed" }, - { id: 10002, name: "For You", content: "/foryou" }, { id: 10000, name: "Open Lume Store", content: "/open" }, ]; @@ -27,11 +27,14 @@ function Screen() { const [selectedIndex, setSelectedIndex] = useState(-1); const [isScroll, setIsScroll] = useState(false); + useHotkeys("left", () => goLeft()); + useHotkeys("right", () => goRight()); + const goLeft = () => { const prevIndex = Math.max(selectedIndex - 1, 0); setSelectedIndex(prevIndex); vlistRef.current.scrollToIndex(prevIndex, { - align: "start", + align: "center", }); }; @@ -39,7 +42,7 @@ function Screen() { const nextIndex = Math.min(selectedIndex + 1, columns.length - 1); setSelectedIndex(nextIndex); vlistRef.current.scrollToIndex(nextIndex, { - align: "end", + align: "center", }); }; diff --git a/apps/desktop2/src/routes/open.lazy.tsx b/apps/desktop2/src/routes/open.lazy.tsx index 194182e9..51ea076c 100644 --- a/apps/desktop2/src/routes/open.lazy.tsx +++ b/apps/desktop2/src/routes/open.lazy.tsx @@ -16,7 +16,22 @@ function Screen() { return ( - + +
+ +