File tree Expand file tree Collapse file tree 1 file changed +10
-2
lines changed Expand file tree Collapse file tree 1 file changed +10
-2
lines changed Original file line number Diff line number Diff line change @@ -15,12 +15,20 @@ import arrowRightIconUrl from './icons/arrow-right.svg'
15
15
import styles from './styles.module.scss'
16
16
17
17
const LAPTOP_WIDTH_PX = 1024
18
+ const SIDEBAR_COLLAPSED_PARAM = 'sidebarMenuCollapsed'
18
19
19
20
export const Menu = observer ( ( ) => {
20
21
const [ isCollapsed , setIsCollapsed ] = useState (
21
- ( ) => window . innerWidth < LAPTOP_WIDTH_PX ,
22
+ ( ) =>
23
+ window . innerWidth < LAPTOP_WIDTH_PX ||
24
+ localStorage . getItem ( SIDEBAR_COLLAPSED_PARAM ) === '1' ,
22
25
)
23
26
27
+ const handleClick = ( ) => {
28
+ setIsCollapsed ( ! isCollapsed )
29
+ localStorage . setItem ( SIDEBAR_COLLAPSED_PARAM , isCollapsed ? '0' : '1' )
30
+ }
31
+
24
32
return (
25
33
< div className = { cn ( styles . root , isCollapsed && styles . collapsed ) } >
26
34
< div className = { styles . content } >
@@ -57,7 +65,7 @@ export const Menu = observer(() => {
57
65
58
66
< Button
59
67
className = { styles . collapseBtn }
60
- onClick = { ( ) => setIsCollapsed ( ! isCollapsed ) }
68
+ onClick = { handleClick }
61
69
isCollapsed = { isCollapsed }
62
70
icon = {
63
71
< img
You can’t perform that action at this time.
0 commit comments