diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js b/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js index 6b0be8a715c13c87e23e745ba34f55cbcefd8219..2c17c5e47812818c1b9190e09812126d84fe40bd 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js +++ b/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js @@ -21,6 +21,7 @@ import {HeaderGrid, ContainerStyled, Carregados} from '../StyledComponents.js' import Grid from '@material-ui/core/Grid'; import ResourceCardFunction from '../../ResourceCardFunction.js' import {ButtonMostrarMaisRecurso} from '../PanelComponents/ButtonsArea' +import {makeAxiosGetRequest} from '../../HelperFunctions/getAxiosConfig' export default function TabRecursos (props) { const [arr, setArr] = useState([]) @@ -32,9 +33,22 @@ export default function TabRecursos (props) { setSlice(props.learningObjs.slice(0,4)) }, []) + function handleSuccess (data) { + setArr(data) + setSlice(data) + } const showMore = (quantity) => { var sliceLength = objsSlice.length - handleSlice(arr.slice(0, sliceLength + quantity)) + var newLength = sliceLength + quantity + + if (newLength > 12) { + const url = `/users/${props.id}/learning_objects?limit=${newLength}$offset=4` + makeAxiosGetRequest(url,handleSuccess,(error) => {console.log(error)}) + } + else { + handleSlice(arr.slice(0, sliceLength + quantity)) + } + } return ( diff --git a/src/Pages/PublicUserPage.js b/src/Pages/PublicUserPage.js index dda8ee1a945270d176ecd15ecae650a23620a6a4..8a7b23bbdcf11a45b849d478fb36014bb0f4a61a 100644 --- a/src/Pages/PublicUserPage.js +++ b/src/Pages/PublicUserPage.js @@ -189,7 +189,7 @@ export default function PublicUserPage (props) { {tabValue === 0 && <TabInicio id={id} user={userData} learningObjs={learningObjArr} collections={collectionsArr}/>} {tabValue === 1 && - <TabRecursos count={userData.learning_objects_count} learningObjs={learningObjArr}/>} + <TabRecursos count={userData.learning_objects_count} learningObjs={learningObjArr} id={id}/>} {tabValue === 2 && <TabColecoes count={userData.collections_count} collections={collectionsArr} />}