diff --git a/src/studio-home/data/apiHooks.js b/src/studio-home/data/apiHooks.js index ec163e5732..92575bf717 100644 --- a/src/studio-home/data/apiHooks.js +++ b/src/studio-home/data/apiHooks.js @@ -2,13 +2,14 @@ import { useQuery } from '@tanstack/react-query'; import { getStudioHomeLibrariesV2 } from './api'; - /** * Builds the query to fetch list of V2 Libraries */ -export const useListStudioHomeV2Libraries = (customParams) => ( +const useListStudioHomeV2Libraries = (customParams) => ( useQuery({ queryKey: ['listV2Libraries', customParams], queryFn: () => getStudioHomeLibrariesV2(customParams), }) ); + +export default useListStudioHomeV2Libraries; diff --git a/src/studio-home/tabs-section/LibraryV2Placeholder.jsx b/src/studio-home/tabs-section/LibraryV2Placeholder.jsx index ba47ee8899..6844515bd9 100644 --- a/src/studio-home/tabs-section/LibraryV2Placeholder.jsx +++ b/src/studio-home/tabs-section/LibraryV2Placeholder.jsx @@ -7,7 +7,6 @@ import Header from '../../header'; import SubHeader from '../../generic/sub-header/SubHeader'; import messages from './messages'; - const LibraryV2Placeholder = () => { const intl = useIntl(); diff --git a/src/studio-home/tabs-section/libraries-v2-tab/index.jsx b/src/studio-home/tabs-section/libraries-v2-tab/index.jsx index a659dcc1fa..9060493dd1 100644 --- a/src/studio-home/tabs-section/libraries-v2-tab/index.jsx +++ b/src/studio-home/tabs-section/libraries-v2-tab/index.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { Icon, Row, Pagination } from '@openedx/paragon'; import { useIntl } from '@edx/frontend-platform/i18n'; -import { useListStudioHomeV2Libraries } from '../../data/apiHooks'; +import useListStudioHomeV2Libraries from '../../data/apiHooks'; import { LoadingSpinner } from '../../../generic/Loading'; import AlertMessage from '../../../generic/alert-message'; import CardItem from '../../card-item'; @@ -25,7 +25,7 @@ const LibrariesV2Tab = ({ data, isLoading, isError, - } = useListStudioHomeV2Libraries({page: currentPage}); + } = useListStudioHomeV2Libraries({ page: currentPage }); if (isLoading) { return ( @@ -68,25 +68,32 @@ const LibrariesV2Tab = ({

- {data.results.map(({ id, org, slug, title }) => ( - - ))} + { + data.results.map(({ + id, org, slug, title, + }) => ( + + )) + } - {data.numPages > 1 && - + { + data.numPages > 1 + && ( + + ) } )