@@ -30,7 +30,6 @@ import { CommandQuickSuggestions } from './CommandQuickSuggestions';
30
30
import { CommandSearchPages } from './CommandSearchPages' ;
31
31
import { CommandBarFeedback } from './CommandBarFeedback' ;
32
32
import { RecentlyVisitedRecorder } from './RecentlyVisitedRecorder' ;
33
- import { useUiFlag } from 'hooks/useUiFlag' ;
34
33
import { ScreenReaderOnly } from 'component/common/ScreenReaderOnly/ScreenReaderOnly' ;
35
34
36
35
export const CommandResultsPaper = styled ( Paper ) ( ( { theme } ) => ( {
@@ -52,54 +51,38 @@ export const CommandResultsPaper = styled(Paper)(({ theme }) => ({
52
51
} ) ) ;
53
52
54
53
const StyledContainer = styled ( 'div' , {
55
- shouldForwardProp : ( prop ) =>
56
- prop !== 'active' && prop !== 'frontendHeaderRedesign' ,
54
+ shouldForwardProp : ( prop ) => prop !== 'active' ,
57
55
} ) < {
58
56
active : boolean | undefined ;
59
- frontendHeaderRedesign ?: boolean ;
60
- } > ( ( { theme, active, frontendHeaderRedesign } ) => ( {
57
+ } > ( ( { theme, active } ) => ( {
61
58
border : `1px solid transparent` ,
62
59
display : 'flex' ,
63
60
flexGrow : 1 ,
64
61
alignItems : 'center' ,
65
62
position : 'relative' ,
66
- backgroundColor : frontendHeaderRedesign
67
- ? theme . palette . background . application
68
- : theme . palette . background . paper ,
63
+ backgroundColor : theme . palette . background . application ,
69
64
maxWidth : active ? '100%' : '400px' ,
70
65
[ theme . breakpoints . down ( 'md' ) ] : {
71
66
marginTop : theme . spacing ( 1 ) ,
72
67
maxWidth : '100%' ,
73
68
} ,
74
69
} ) ) ;
75
70
76
- const StyledSearch = styled ( 'div' , {
77
- shouldForwardProp : ( prop ) => prop !== 'frontendHeaderRedesign' ,
78
- } ) < {
79
- frontendHeaderRedesign ?: boolean ;
80
- } > ( ( { theme, frontendHeaderRedesign } ) => ( {
71
+ const StyledSearch = styled ( 'div' ) ( ( { theme } ) => ( {
81
72
display : 'flex' ,
82
73
alignItems : 'center' ,
83
- backgroundColor : frontendHeaderRedesign
84
- ? theme . palette . background . paper
85
- : theme . palette . background . elevation1 ,
74
+ backgroundColor : theme . palette . background . paper ,
86
75
border : `1px solid ${ theme . palette . neutral . border } ` ,
87
76
borderRadius : theme . shape . borderRadiusExtraLarge ,
88
77
padding : '3px 5px 3px 12px' ,
89
78
width : '100%' ,
90
79
zIndex : 3 ,
91
80
} ) ) ;
92
81
93
- const StyledInputBase = styled ( InputBase , {
94
- shouldForwardProp : ( prop ) => prop !== 'frontendHeaderRedesign' ,
95
- } ) < {
96
- frontendHeaderRedesign ?: boolean ;
97
- } > ( ( { theme, frontendHeaderRedesign } ) => ( {
82
+ const StyledInputBase = styled ( InputBase ) ( ( { theme } ) => ( {
98
83
width : '100%' ,
99
84
minWidth : '300px' ,
100
- backgroundColor : frontendHeaderRedesign
101
- ? theme . palette . background . paper
102
- : theme . palette . background . elevation1 ,
85
+ backgroundColor : theme . palette . background . paper ,
103
86
} ) ) ;
104
87
105
88
const StyledClose = styled ( Close ) ( ( { theme } ) => ( {
@@ -115,7 +98,6 @@ interface IPageRouteInfo {
115
98
116
99
export const CommandBar = ( ) => {
117
100
const { trackEvent } = usePlausibleTracker ( ) ;
118
- const frontendHeaderRedesign = useUiFlag ( 'frontendHeaderRedesign' ) ;
119
101
const searchInputRef = useRef < HTMLInputElement > ( null ) ;
120
102
const searchContainerRef = useRef < HTMLInputElement > ( null ) ;
121
103
const [ showSuggestions , setShowSuggestions ] = useState ( false ) ;
@@ -322,14 +304,9 @@ export const CommandBar = () => {
322
304
} ;
323
305
324
306
return (
325
- < StyledContainer
326
- ref = { searchContainerRef }
327
- active = { showSuggestions }
328
- frontendHeaderRedesign = { frontendHeaderRedesign }
329
- >
307
+ < StyledContainer ref = { searchContainerRef } active = { showSuggestions } >
330
308
< RecentlyVisitedRecorder />
331
309
< StyledSearch
332
- frontendHeaderRedesign = { frontendHeaderRedesign }
333
310
sx = { {
334
311
borderBottomLeftRadius : ( theme ) =>
335
312
showSuggestions
@@ -357,7 +334,6 @@ export const CommandBar = () => {
357
334
</ ScreenReaderOnly >
358
335
< StyledInputBase
359
336
id = 'command-bar-input'
360
- frontendHeaderRedesign = { frontendHeaderRedesign }
361
337
inputRef = { searchInputRef }
362
338
placeholder = { placeholder }
363
339
inputProps = { {
0 commit comments