@@ -16,6 +16,7 @@ import Alert from "react-bootstrap/Alert";
1616import { DisplayNoIndexingAction } from "../components/DisplayNoIndexingAction" ;
1717import { BsSearch } from "react-icons/bs"
1818import InputGroup from 'react-bootstrap/InputGroup' ;
19+ import { FiAlertTriangle } from 'react-icons/fi'
1920
2021
2122export function FreeTextSearch ( ) {
@@ -87,12 +88,17 @@ export function FreeTextSearch() {
8788
8889 let page = Math . ceil ( start / 5 )
8990
90- // <Alert variant="warning" className="mx-4 ml-4 mr-4"><h5>This is an experimental feature</h5></Alert>
91- // <h3 className="text-warning text-upper text-center">Experimental Feature</h3>
91+ /*
92+ <Alert variant="primary bg-dark text-warning" className="mx-4 ml-4 mr-4">
93+ <span className="d-flex justify-content-center">
94+ <FiAlertTriangle size={24} className="mr-3"/><h5>Experimental Feature</h5></span></Alert>
95+ */
9296 return < Layout showLeftSideBar = { true } mainClassName = { "mt-4" } >
93-
94-
95- { commit && < div className = "d-flex" >
97+ { commit && < div className = "d-flex flex-column" >
98+ < Alert variant = "primary bg-dark text-warning" className = "mx-4 ml-4 mr-4" >
99+ < span className = "d-flex justify-content-center" >
100+ < FiAlertTriangle size = { 24 } className = "mr-3" /> < h5 > Experimental Feature</ h5 > </ span > </ Alert >
101+
96102 < InputGroup className = "mb-3" >
97103 < Form . Control ref = { search } style = { { maxWidth :"500px" } } type = "text" placeholder = "Search" className = "ml-auto" />
98104 < Button onClick = { onClickHandler } variant = "light" className = "mr-auto" > < BsSearch /> </ Button >
0 commit comments