Skip to content

Commit 5b65429

Browse files
refactor: restore search component rendering logic in main application
1 parent f177745 commit 5b65429

File tree

2 files changed

+6
-20
lines changed

2 files changed

+6
-20
lines changed

custom-implementation/src/components/search.tsx

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,4 @@
1-
import { useEffect, useState } from 'react'
2-
31
export const Search = () => {
4-
const isMac =
5-
typeof window !== 'undefined'
6-
? navigator.userAgent.toUpperCase().indexOf('MAC') >= 0
7-
: false
8-
9-
const [isClient, setIsClient] = useState<any>(false)
10-
useEffect(() => {
11-
setIsClient(true)
12-
}, [])
13-
142
return (
153
<button
164
id="fern-search-button"
@@ -43,9 +31,7 @@ export const Search = () => {
4331
</svg>
4432
<span>Search...</span>
4533
</span>
46-
<kbd className="keyboard-shortcut-hint">
47-
{!isMac && isClient ? 'CTRL' : 'CMD'}&nbsp;+&nbsp; +
48-
</kbd>
34+
<kbd className="keyboard-shortcut-hint">/</kbd>
4935
</button>
5036
)
5137
}

custom-implementation/src/main.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import React from 'react'
88
import Header from './components/header'
99
import Footer from './components/footer'
1010
import { ThemeSwitch } from './components/theme-switch'
11-
// import { Search } from './components/search'
11+
import { Search } from './components/search'
1212

1313
import { getPageData } from './modules/sanity/utils'
1414

@@ -35,10 +35,10 @@ const render = async () => {
3535
sidenav.appendChild(wrapper)
3636
ReactDOM.render(React.createElement(ThemeSwitch), wrapper)
3737

38-
// const search = document.createElement('div')
39-
// search.setAttribute('id', 'search-component')
40-
// sidenav.appendChild(search)
41-
// ReactDOM.render(React.createElement(Search), search)
38+
const search = document.createElement('div')
39+
search.setAttribute('id', 'search-component')
40+
sidenav.appendChild(search)
41+
ReactDOM.render(React.createElement(Search), search)
4242
}
4343

4444
const fernHeaderId = document.getElementById(FERN_CONTENT_WRAPPER_ID)

0 commit comments

Comments
 (0)