diff --git a/src/Components/SearchExpansionPanel/SearchExpansionPanel.js b/src/Components/SearchExpansionPanel/SearchExpansionPanel.js index d693ee7b7210c087558770ad7fbc73fe6b8495b8..31ce7434630c75d5f12fb8b9a2044f6eb7697281 100644 --- a/src/Components/SearchExpansionPanel/SearchExpansionPanel.js +++ b/src/Components/SearchExpansionPanel/SearchExpansionPanel.js @@ -10,6 +10,9 @@ import SearchEPTiposRec from "./SearchEPTiposRec"; import SearchEPEtapasEns from "./SesrchEPEtapasEns"; import SearchEPIdiomas from "./SearchEPIdiomas"; import { TextField } from "@material-ui/core"; +import Grid from '@material-ui/core/Grid'; +import CircularProgress from '@material-ui/core/CircularProgress'; + const ExpansionPanel = withStyles({ root: { border: "1px solid rgba(0, 0, 0, .125)", @@ -88,15 +91,28 @@ export default function SearchExpansionPanel(props) { aria-controls="panel1d-content" id="panel1d-header" > - <Typography - style={{ - fontSize: "18px", - textTransform: "uppercase", - fontWeight: "500" - }} + <Grid + container + direction="row" + justify="space-between" > - Filtros - </Typography> + <Grid item> + <Typography + style={{ + fontSize: "18px", + textTransform: "uppercase", + fontWeight: "500" + }} + > + Filtros + </Typography> + </Grid> + <Grid item> + { + props.onFiltering ? <CircularProgress size={24} color="secondary" /> : null + } + </Grid> + </Grid> </ExpansionPanelSummary> </ExpansionPanel>