diff --git a/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx b/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx index 392258aa5..3b5169879 100644 --- a/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx +++ b/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx @@ -4,6 +4,7 @@ import { useFocusActions, } from "@follow/components/common/Focusable/index.js" import { MemoedDangerousHTMLStyle } from "@follow/components/common/MemoedDangerousHTMLStyle.js" +import { MotionButtonBase } from "@follow/components/ui/button/index.js" import { ScrollArea } from "@follow/components/ui/scroll-area/index.js" import type { FeedViewType } from "@follow/constants" import { useTitle } from "@follow/hooks" @@ -21,7 +22,7 @@ import { useEntryIsInReadabilitySuccess, useEntryReadabilityContent, } from "~/atoms/readability" -import { useUISettingKey } from "~/atoms/settings/ui" +import { useIsZenMode, useUISettingKey } from "~/atoms/settings/ui" import { ShadowDOM } from "~/components/common/ShadowDOM" import type { TocRef } from "~/components/ui/markdown/components/Toc" import { useInPeekModal } from "~/components/ui/modal/inspire/InPeekModal" @@ -112,6 +113,7 @@ export const EntryContent: Component = ({ const isInPeekModal = useInPeekModal() const [isUserInteraction, setIsUserInteraction] = useState(false) + const isZenMode = useIsZenMode() if (!entry) return null const entryContent = isInReadabilityMode @@ -150,6 +152,32 @@ export const EntryContent: Component = ({ className="animate-in fade-in slide-in-from-bottom-24 f-motion-reduce:fade-in-0 f-motion-reduce:slide-in-from-bottom-0 select-text duration-200 ease-in-out" key={entry.entries.id} > + {!isZenMode && ( + <> +
+ { + EventBus.dispatch(COMMAND_ID.timeline.switchToPrevious) + }} + > + + +
+ +
+ { + EventBus.dispatch(COMMAND_ID.timeline.switchToNext) + }} + > + + +
+ + )} +
setIsUserInteraction(true)} diff --git a/icons/mgc/left_small_sharp.svg b/icons/mgc/left_small_sharp.svg new file mode 100644 index 000000000..e013d1608 --- /dev/null +++ b/icons/mgc/left_small_sharp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/mgc/right_small_sharp.svg b/icons/mgc/right_small_sharp.svg new file mode 100644 index 000000000..f2b635f36 --- /dev/null +++ b/icons/mgc/right_small_sharp.svg @@ -0,0 +1 @@ + \ No newline at end of file