File tree Expand file tree Collapse file tree 2 files changed +9
-11
lines changed Expand file tree Collapse file tree 2 files changed +9
-11
lines changed Original file line number Diff line number Diff line change @@ -9,7 +9,7 @@ import { LocaleProvider } from "gatsby-theme-i18n"
9
9
import { lightTheme , darkTheme } from "../theme"
10
10
11
11
import Footer from "./Footer"
12
- import VisuallyHidden from "./VisuallyHidden "
12
+ import ZenMode from "./ZenMode "
13
13
import Nav from "./Nav"
14
14
import SideNav from "./SideNav"
15
15
import SideNavMobile from "./SideNavMobile"
@@ -163,24 +163,24 @@ const Layout: React.FC<IProps> = ({
163
163
originalPagePath = { pageContext . originalPath ! }
164
164
/>
165
165
< ContentContainer >
166
- < VisuallyHidden >
166
+ < ZenMode >
167
167
< Nav path = { path } />
168
168
{ shouldShowSideNav && < SideNavMobile path = { path } /> }
169
- </ VisuallyHidden >
169
+ </ ZenMode >
170
170
< SkipLinkAnchor id = "main-content" />
171
171
< MainContainer >
172
172
{ shouldShowSideNav && (
173
- < VisuallyHidden >
173
+ < ZenMode >
174
174
< SideNav path = { path } />
175
- </ VisuallyHidden >
175
+ </ ZenMode >
176
176
) }
177
177
< MainContent >
178
178
< Main > { children } </ Main >
179
179
</ MainContent >
180
180
</ MainContainer >
181
- < VisuallyHidden >
181
+ < ZenMode >
182
182
< Footer />
183
- </ VisuallyHidden >
183
+ </ ZenMode >
184
184
< FeedbackWidget />
185
185
</ ContentContainer >
186
186
</ ZenModeContext . Provider >
Original file line number Diff line number Diff line change @@ -3,13 +3,11 @@ import { VisuallyHidden as ChakraVisuallyHidden } from "@chakra-ui/react"
3
3
4
4
import { ZenModeContext } from "../contexts/ZenModeContext"
5
5
6
- // Todo: Refactor to from isHidden boolean
7
-
8
6
export interface IProps {
9
7
children ?: React . ReactNode
10
8
}
11
9
12
- const VisuallyHidden : React . FC < IProps > = ( { children } ) => {
10
+ const ZenMode : React . FC < IProps > = ( { children } ) => {
13
11
const { isZenMode } = useContext ( ZenModeContext )
14
12
15
13
return isZenMode ? (
@@ -19,4 +17,4 @@ const VisuallyHidden: React.FC<IProps> = ({ children }) => {
19
17
)
20
18
}
21
19
22
- export default VisuallyHidden
20
+ export default ZenMode
You can’t perform that action at this time.
0 commit comments