Skip to content

Commit e33c84a

Browse files
authored
chore(search): Remove search input in v6 temporarily (#3920)
* Comment out search input * Update docs framework to resolve updating issue
1 parent 33226a0 commit e33c84a

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

packages/documentation-framework/layouts/sideNavLayout/sideNavLayout.js

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ import {
2424
ToolbarItem,
2525
SkipToContent,
2626
Switch,
27-
SearchInput,
27+
// SearchInput,
2828
ToggleGroup,
2929
ToggleGroupItem
3030
} from '@patternfly/react-core';
@@ -51,10 +51,10 @@ const HeaderTools = ({
5151
const initialVersion = staticVersions.Releases.find(release => release.latest);
5252
const latestVersion = versions.Releases.find(version => version.latest);
5353
const previousReleases = Object.values(versions.Releases).filter(version => !version.hidden && !version.latest);
54-
const hasSearch = algolia;
54+
// const hasSearch = algolia;
5555
const [isDropdownOpen, setDropdownOpen] = useState(false);
56-
const [searchValue, setSearchValue] = React.useState('');
57-
const [isSearchExpanded, setIsSearchExpanded] = React.useState(false);
56+
// const [searchValue, setSearchValue] = React.useState('');
57+
// const [isSearchExpanded, setIsSearchExpanded] = React.useState(false);
5858
const [isDarkTheme, setIsDarkTheme] = React.useState(false);
5959

6060
const getDropdownItem = (version, isLatest = false) => (
@@ -63,26 +63,26 @@ const HeaderTools = ({
6363
</DropdownItem>
6464
);
6565

66-
const onChange = (_evt, value) => {
67-
setSearchValue(value);
68-
};
66+
// const onChange = (_evt, value) => {
67+
// setSearchValue(value);
68+
// };
6969

70-
const onToggleExpand = (_evt, isSearchExpanded) => {
71-
setIsSearchExpanded(!isSearchExpanded);
72-
};
70+
// const onToggleExpand = (_evt, isSearchExpanded) => {
71+
// setIsSearchExpanded(!isSearchExpanded);
72+
// };
7373

7474
const toggleDarkTheme = (_evt, selected) => {
7575
const darkThemeToggleClicked = !selected === isDarkTheme
7676
document.querySelector('html').classList.toggle('pf-v5-theme-dark', darkThemeToggleClicked);
7777
setIsDarkTheme(darkThemeToggleClicked);
7878
};
7979

80-
useEffect(() => {
81-
// reattach algolia to input each time search is expanded
82-
if (hasSearch && isSearchExpanded) {
83-
attachDocSearch(algolia, '.ws-global-search .pf-v5-c-text-input-group__text-input', 1000);
84-
}
85-
}, [isSearchExpanded])
80+
// useEffect(() => {
81+
// // reattach algolia to input each time search is expanded
82+
// if (hasSearch && isSearchExpanded) {
83+
// attachDocSearch(algolia, '.ws-global-search .pf-v5-c-text-input-group__text-input', 1000);
84+
// }
85+
// }, [isSearchExpanded])
8686

8787
return (
8888
<Toolbar isFullHeight>
@@ -109,7 +109,7 @@ const HeaderTools = ({
109109
<Switch id="ws-rtl-switch" label={'RTL'} defaultChecked={isRTL} onChange={() => setIsRTL(isRTL => !isRTL)} />
110110
</ToolbarItem>
111111
)}
112-
{hasSearch && (
112+
{/* {hasSearch && (
113113
<ToolbarItem>
114114
<SearchInput
115115
className="ws-global-search"
@@ -120,7 +120,7 @@ const HeaderTools = ({
120120
expandableInput={{ isExpanded: isSearchExpanded, onToggleExpand, toggleAriaLabel: 'Expandable search input toggle' }}
121121
/>
122122
</ToolbarItem>
123-
)}
123+
)} */}
124124
<ToolbarItem>
125125
<Button
126126
component="a"

0 commit comments

Comments
 (0)