Skip to content

Commit bf32b5d

Browse files
committed
update component name to ZenMode
1 parent df2f9b1 commit bf32b5d

File tree

2 files changed

+9
-11
lines changed

2 files changed

+9
-11
lines changed

src/components/Layout.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { LocaleProvider } from "gatsby-theme-i18n"
99
import { lightTheme, darkTheme } from "../theme"
1010

1111
import Footer from "./Footer"
12-
import VisuallyHidden from "./VisuallyHidden"
12+
import ZenMode from "./ZenMode"
1313
import Nav from "./Nav"
1414
import SideNav from "./SideNav"
1515
import SideNavMobile from "./SideNavMobile"
@@ -163,24 +163,24 @@ const Layout: React.FC<IProps> = ({
163163
originalPagePath={pageContext.originalPath!}
164164
/>
165165
<ContentContainer>
166-
<VisuallyHidden>
166+
<ZenMode>
167167
<Nav path={path} />
168168
{shouldShowSideNav && <SideNavMobile path={path} />}
169-
</VisuallyHidden>
169+
</ZenMode>
170170
<SkipLinkAnchor id="main-content" />
171171
<MainContainer>
172172
{shouldShowSideNav && (
173-
<VisuallyHidden>
173+
<ZenMode>
174174
<SideNav path={path} />
175-
</VisuallyHidden>
175+
</ZenMode>
176176
)}
177177
<MainContent>
178178
<Main>{children}</Main>
179179
</MainContent>
180180
</MainContainer>
181-
<VisuallyHidden>
181+
<ZenMode>
182182
<Footer />
183-
</VisuallyHidden>
183+
</ZenMode>
184184
<FeedbackWidget />
185185
</ContentContainer>
186186
</ZenModeContext.Provider>

src/components/VisuallyHidden.tsx renamed to src/components/ZenMode.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,11 @@ import { VisuallyHidden as ChakraVisuallyHidden } from "@chakra-ui/react"
33

44
import { ZenModeContext } from "../contexts/ZenModeContext"
55

6-
// Todo: Refactor to from isHidden boolean
7-
86
export interface IProps {
97
children?: React.ReactNode
108
}
119

12-
const VisuallyHidden: React.FC<IProps> = ({ children }) => {
10+
const ZenMode: React.FC<IProps> = ({ children }) => {
1311
const { isZenMode } = useContext(ZenModeContext)
1412

1513
return isZenMode ? (
@@ -19,4 +17,4 @@ const VisuallyHidden: React.FC<IProps> = ({ children }) => {
1917
)
2018
}
2119

22-
export default VisuallyHidden
20+
export default ZenMode

0 commit comments

Comments
 (0)