All files / src/containers/PatientBrowser/components/ProProgress ProPgressSearch.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import i18next from '../../../../common/i18next';
import InputBase from '@material-ui/core/InputBase';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Grid } from '@material-ui/core';
 
function ProPgressSearch(props) {
    const { onChangeSearchHandler, searchValue } = props;
    return (
        <div className='progress-search'>
            <Grid lg={3} md={6} sm={5} xs className='search-container'>
                <Grid item className='icon-search'>
                    <FontAwesomeIcon icon={['fal', 'search']} className='icon-search' />
                </Grid>
                <InputBase
                    fullWidth
                    value={searchValue}
                    onChange={e => onChangeSearchHandler(e)}
                    placeholder={i18next.t('patientBrowser.searchnameandmrn')}
                />
            </Grid>
        </div>
    );
}
export default ProPgressSearch;