amitwh/markdown-converter
1
0
Fork 0
mirror of https://github.com/amitwh/markdown-converter.git synced 2026-08-02 18:10:18 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat(renderer): PreviewPane tracks scroll ratio

Browse Source
This commit is contained in:
amitwh
2026-06-05 13:14:50 +05:30
parent 2d6f909b0e
commit 0b5af04a6a
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/preview/PreviewPane.tsx
+4 -2
View File
@@ -1,8 +1,10 @@
import { MarkdownRenderer } from './MarkdownRenderer'; import { MarkdownRenderer } from './MarkdownRenderer';
import { usePreviewStore } from '@/stores/preview-store'; import { usePreviewStore } from '@/stores/preview-store';
import { useScrollSync } from '@/hooks/use-scroll-sync';
export function PreviewPane() { export function PreviewPane() {
const { source } = usePreviewStore(); const { source, setScrollRatio } = usePreviewStore();
const { handlePreviewScroll } = useScrollSync({ onPreviewScroll: setScrollRatio });
if (!source) { if (!source) {
return ( return (
@@ -13,7 +15,7 @@ export function PreviewPane() {
} }
return ( return (
<div className="h-full overflow-auto bg-card/10"> <div className="h-full overflow-auto bg-card/10" onScroll={handlePreviewScroll}>
<MarkdownRenderer source={source} /> <MarkdownRenderer source={source} />
</div> </div>
); );