@@ -25,32 +25,19 @@ export const VisualSettingsProvider = ({ children }) => {
2525
2626 const [ headerFont , setHeaderFont ] = usePersistentState ( 'header-font' , 'font-outfit' ) ;
2727 const [ bodyFont , setBodyFont ] = usePersistentState ( 'body-font' , 'font-outfit' ) ;
28-
2928 const [ isInverted , setIsInverted ] = usePersistentState ( 'is-inverted' , false ) ;
3029 const [ isRetro , setIsRetro ] = usePersistentState ( 'is-retro' , false ) ;
3130 const [ isParty , setIsParty ] = usePersistentState ( 'is-party' , false ) ;
3231 const [ isMirror , setIsMirror ] = usePersistentState ( 'is-mirror' , false ) ;
3332 const [ isNoir , setIsNoir ] = usePersistentState ( 'is-noir' , false ) ;
3433 const [ isTerminal , setIsTerminal ] = usePersistentState ( 'is-terminal' , false ) ;
35- const [ isBlueprint , setIsBlueprint ] = usePersistentState (
36- 'is-blueprint' ,
37- false ,
38- ) ;
34+ const [ isBlueprint , setIsBlueprint ] = usePersistentState ( 'is-blueprint' , false ) ;
3935 const [ isSepia , setIsSepia ] = usePersistentState ( 'is-sepia' , false ) ;
40- const [ isVaporwave , setIsVaporwave ] = usePersistentState (
41- 'is-vaporwave' ,
42- false ,
43- ) ;
44- const [ isCyberpunk , setIsCyberpunk ] = usePersistentState (
45- 'is-cyberpunk' ,
46- false ,
47- ) ;
36+ const [ isVaporwave , setIsVaporwave ] = usePersistentState ( 'is-vaporwave' , false ) ;
37+ const [ isCyberpunk , setIsCyberpunk ] = usePersistentState ( 'is-cyberpunk' , false ) ;
4838 const [ isGameboy , setIsGameboy ] = usePersistentState ( 'is-gameboy' , false ) ;
4939 const [ isComic , setIsComic ] = usePersistentState ( 'is-comic' , false ) ;
50- const [ isSketchbook , setIsSketchbook ] = usePersistentState (
51- 'is-sketchbook' ,
52- false ,
53- ) ;
40+ const [ isSketchbook , setIsSketchbook ] = usePersistentState ( 'is-sketchbook' , false ) ;
5441 const [ isHellenic , setIsHellenic ] = usePersistentState ( 'is-hellenic' , false ) ;
5542 const [ isGlitch , setIsGlitch ] = usePersistentState ( 'is-glitch' , false ) ;
5643 const [ isGarden , setIsGarden ] = usePersistentState ( 'is-garden' , false ) ;
@@ -61,27 +48,12 @@ export const VisualSettingsProvider = ({ children }) => {
6148 const [ isFalloutNoiseEnabled , setIsFalloutNoiseEnabled ] = usePersistentState ( 'fallout-noise' , true ) ;
6249 const [ isFalloutScanlinesEnabled , setIsFalloutScanlinesEnabled ] = usePersistentState ( 'fallout-scanlines' , true ) ;
6350 const [ isFalloutVignetteEnabled , setIsFalloutVignetteEnabled ] = usePersistentState ( 'fallout-vignette' , true ) ;
51+ const [ blogPostViewMode , setBlogPostViewMode ] = usePersistentState ( 'blog-post-view-mode' , 'standard' ) ;
52+ const [ sidebarMode , setSidebarMode ] = usePersistentState ( 'sidebar-mode' , 'brutalist' ) ;
53+ const [ sidebarColor , setSidebarColor ] = usePersistentState ( 'sidebar-color' , 'default' ) ;
54+ const [ isSplashTextEnabled , setIsSplashTextEnabled ] = usePersistentState ( 'is-splash-text-enabled' , true ) ;
6455
65- const [ blogPostViewMode , setBlogPostViewMode ] = usePersistentState (
66- 'blog-post-view-mode' ,
67- 'standard' ,
68- ) ;
69- const [ sidebarMode , setSidebarMode ] = usePersistentState (
70- 'sidebar-mode' ,
71- 'brutalist' ,
72- ) ;
73- const [ sidebarColor , setSidebarColor ] = usePersistentState (
74- 'sidebar-color' ,
75- 'default' ,
76- ) ;
77- const [ isSplashTextEnabled , setIsSplashTextEnabled ] = usePersistentState (
78- 'is-splash-text-enabled' ,
79- true ,
80- ) ;
81- const [ isSidebarOpen , setIsSidebarOpen ] = React . useState (
82- window . innerWidth > 768 ,
83- ) ;
84-
56+ const [ isSidebarOpen , setIsSidebarOpen ] = React . useState ( window . innerWidth > 768 ) ;
8557 useEffect ( ( ) => {
8658 const handleResize = ( ) => {
8759 if ( window . innerWidth <= 768 ) {
0 commit comments