All files / src/containers/PatientBrowser search.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
// import AppBar from '@material-ui/core/AppBar';
import i18next from '../../common/i18next';
import InputBase from '@material-ui/core/InputBase';
// import { fade } from '@material-ui/core/styles/colorManipulator';
import Button from '@material-ui/core/Button';
import { Grid } from '@material-ui/core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
function Search(props) {
    const { onSearchClickHandler, searchValue } = props;
    return (
        <Grid item xs sm={6} md={8} lg={6} className='search-container'>
            <Grid item xs className='icon-search'>
                <FontAwesomeIcon icon={['fal', 'search']} className='icon-search' />
            </Grid>
            <InputBase
                value={searchValue}
                onChange={e => onSearchClickHandler(e)}
                fullWidth
                placeholder={i18next.t('patientBrowser.searchnameandmrn')}
            />
        </Grid>
    );
}
 
export default Search;