@@ -4,10 +4,8 @@ import { CopilotIcon, SearchIcon } from '@primer/octicons-react'
4
4
5
5
import { useTranslation } from '@/languages/components/useTranslation'
6
6
import { QueryParams } from '@/search/components/hooks/useMultiQueryParams'
7
- import { useCTAPopoverContext } from '@/frame/components/context/CTAContext'
8
7
9
8
import styles from './SearchBarButton.module.scss'
10
- import { AISearchCTAPopup } from './AISearchCTAPopup'
11
9
12
10
type Props = {
13
11
isSearchOpen : boolean
@@ -25,7 +23,6 @@ export function SearchBarButton({
25
23
instanceId,
26
24
} : Props ) {
27
25
const { t } = useTranslation ( 'search' )
28
- const { isOpen, dismiss } = useCTAPopoverContext ( )
29
26
30
27
const urlSearchInputQuery = params [ 'search-overlay-input' ]
31
28
@@ -57,15 +54,10 @@ export function SearchBarButton({
57
54
{ /* We don't want to show the input when overlay is open */ }
58
55
{ ! isSearchOpen ? (
59
56
< >
60
- < AISearchCTAPopup
61
- isOpen = { isOpen }
62
- setIsSearchOpen = { setIsSearchOpen }
63
- dismiss = { dismiss }
64
- instanceId = { instanceId }
65
- />
66
57
{ /* On mobile only the IconButton is shown */ }
67
58
< IconButton
68
59
data-testid = "mobile-search-button"
60
+ data-instance = { instanceId }
69
61
ref = { searchButtonRef }
70
62
className = { styles . searchIconButton }
71
63
onClick = { handleClick }
@@ -76,6 +68,7 @@ export function SearchBarButton({
76
68
{ /* On large and up the SearchBarButton is shown */ }
77
69
< button
78
70
data-testid = "search"
71
+ data-instance = { instanceId }
79
72
tabIndex = { 0 }
80
73
aria-label = { t ( 'search.input.placeholder_no_icon' ) }
81
74
className = { styles . searchInputButton }
0 commit comments