diff --git a/src/Admin/Pages/Pages/SubPages/Languages.js b/src/Admin/Pages/Pages/SubPages/Languages.js index b27b5e587b3e660291774c2b53f6da914cb8b802..22c0cbe5a9e14bdccf19ed2b0268dfd8a1c93201 100644 --- a/src/Admin/Pages/Pages/SubPages/Languages.js +++ b/src/Admin/Pages/Pages/SubPages/Languages.js @@ -39,7 +39,8 @@ import UpdateRoundedIcon from '@material-ui/icons/UpdateRounded'; import EditRoundedIcon from '@material-ui/icons/EditRounded'; import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded'; -let currPage = 0; +let currPage = 0; +let transformListToAsc = false; let editItem = {}; const StyledTableCell = withStyles((theme) => ({ @@ -146,7 +147,7 @@ const Languages = () => { "#228B22" ); currPage = 0; - // transformListToAsc = false + transformListToAsc = false UpdateHandler(Url("languages", "", `${currPage}`, "DESC")); } else { HandleSnack("Ocorreu algum erro", true, "warning", "#FA8072"); @@ -170,6 +171,30 @@ const Languages = () => { setEditLanguage(true) } + const InvertList = async () => { + transformListToAsc = !transformListToAsc + currPage = 0 + if (transformListToAsc) { + GetFullList(Url('languages', '', `${currPage}`, 'ASC')).then(res => { + if(res.state){ + const arrData = [...res.data] + setItems(arrData.concat(ADD_ONE_LENGHT)) + }else{ + HandleSnack('Erro ao carregar os dados', true, 'warning', '#FA8072') + } + }) + } else { + GetFullList(Url('languages', '', `${currPage}`, 'DESC')).then(res => { + if(res.state){ + const arrData = [...res.data] + setItems(arrData.concat(ADD_ONE_LENGHT)) + }else{ + HandleSnack('Erro ao carregar os dados', true, 'warning', '#FA8072') + } + }) + } + } + //getting data from server useEffect(() => { fetch(Url('languages', '', `${currPage}`, 'DESC')) @@ -229,7 +254,7 @@ const Languages = () => { <Grid item xs={6}> <Typography variant="h4"> Linguagens - </Typography> + </Typography> </Grid> <Grid item @@ -246,6 +271,7 @@ const Languages = () => { disabled={isUpdating} onClick={() => { currPage = 0 + transformListToAsc = false UpdateHandler(Url('languages', '', `${currPage}`, 'DESC')) }} startIcon={<UpdateRoundedIcon />} @@ -277,6 +303,7 @@ const Languages = () => { <TableData top={TOP_LABELS} + onIconPressed={InvertList} > <TableBody> {items.map((row, index) => ( @@ -291,7 +318,11 @@ const Languages = () => { disabled={isLoadingMoreItems} onClick={() => { currPage++ - LoadMoreItens(Url('languages', '', `${currPage}`, 'DESC')) + if(transformListToAsc){ + LoadMoreItens(Url('languages', '', `${currPage}`, 'ASC')) + }else{ + LoadMoreItens(Url('languages', '', `${currPage}`, 'DESC')) + } }} > {