muerwre/markdown-home-tab
1
0
Fork 0
mirror of https://github.com/muerwre/markdown-home-tab.git synced 2025-04-25 00:46:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

added new editor, locking, props persistance

Browse source
This commit is contained in:
Fedor Katurov 2023-04-25 18:11:59 +06:00
parent 0940d6abf8
commit 601eda17de
22 changed files with 2860 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/modules/layout/components/GridLayout/hooks/useGridLayoutPersistance.ts
View file

@ -1,5 +1,5 @@
import { DockviewApi, DockviewReadyEvent } from "dockview";
import { useEffect, useRef } from "react";
import { useCallback, useEffect, useRef } from "react";
import { createDefaultLayout } from "../utils/createDefaultLayout";
export const useGridLayoutPersistance = () => {
@ -24,12 +24,22 @@ export const useGridLayoutPersistance = () => {
}
};
const persistLayout = useCallback(() => {
if (!api.current) {
return;
}
const layout = api.current.toJSON();
localStorage.setItem("dockview_persistance_layout", JSON.stringify(layout));
}, []);
useEffect(() => {
if (!api.current) {
return;
}
const disposable = api.current.onDidLayoutChange(() => {
const onLayoutChange = api.current.onDidLayoutChange(() => {
if (!api.current) {
return;
}
@ -38,18 +48,19 @@ export const useGridLayoutPersistance = () => {
createDefaultLayout(api.current);
}
const layout = api.current.toJSON();
persistLayout();
});
localStorage.setItem(
"dockview_persistance_layout",
JSON.stringify(layout)
);
const onPanelChange = api.current.onDidActivePanelChange((event) => {
console.log(event);
});
return () => {
disposable.dispose();
onLayoutChange.dispose();
onPanelChange.dispose();
};
}, []);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [persistLayout, api.current]);
return { api, onReady };
return { api, onReady, persistLayout };
};