usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-01 18:14:38 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: compact mode storage (#4279)

Browse source 
fix #4274 now when checkbox is toggled the memo remembers the compact state

Co-authored-by: root <root@DESKTOP-G3MCU14>
This commit is contained in:
Query&mut NinjaStyle, &Ryder 2025-01-10 18:13:46 +05:30 • committed by GitHub
parent ac7121c21a
commit 972ebbae2f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/src/components/MemoContent/index.tsx
View file

@ -72,6 +72,10 @@ const MemoContent: React.FC<Props> = (props: Props) => {
SNIPPET: { text: t("memo.show-less"), nextState: "ALL" }, SNIPPET: { text: t("memo.show-less"), nextState: "ALL" },
}; };
useEffect(() => {
sessionStorage.getItem(`${memoName}`) && setShowCompactMode(sessionStorage.getItem(`${memoName}`) as ContentCompactView);
}, []);
return ( return (
<RendererContext.Provider <RendererContext.Provider
value={{ value={{
@ -113,6 +117,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
className="w-auto flex flex-row justify-start items-center cursor-pointer text-sm text-blue-600 dark:text-blue-400 hover:opacity-80" className="w-auto flex flex-row justify-start items-center cursor-pointer text-sm text-blue-600 dark:text-blue-400 hover:opacity-80"
onClick={() => { onClick={() => {
setShowCompactMode(compactStates[showCompactMode].nextState as ContentCompactView); setShowCompactMode(compactStates[showCompactMode].nextState as ContentCompactView);
sessionStorage.setItem(`${memoName}`, compactStates[showCompactMode].nextState);
}} }}
> >
{compactStates[showCompactMode].text} {compactStates[showCompactMode].text}