diff --git a/src/index.jsx b/src/index.jsx index 588689aae7..2d3a7c271f 100755 --- a/src/index.jsx +++ b/src/index.jsx @@ -19,7 +19,7 @@ import { initializeHotjar } from '@edx/frontend-enterprise-hotjar'; import { logError } from '@edx/frontend-platform/logging'; import messages from './i18n'; -import { LibraryAuthoringPage } from './library-authoring'; +import { CreateLibrary, LibraryAuthoringPage } from './library-authoring'; import initializeStore from './store'; import CourseAuthoringRoutes from './CourseAuthoringRoutes'; import Head from './head/Head'; @@ -55,6 +55,7 @@ const App = () => { } /> } /> } /> + } /> } /> } /> } /> diff --git a/src/library-authoring/CreateLibrary.jsx b/src/library-authoring/CreateLibrary.jsx new file mode 100644 index 0000000000..4895fb3359 --- /dev/null +++ b/src/library-authoring/CreateLibrary.jsx @@ -0,0 +1,31 @@ +// @ts-check +/* eslint-disable react/prop-types */ +import React from 'react'; +import { FormattedMessage } from '@edx/frontend-platform/i18n'; +import { Container } from '@openedx/paragon'; + +import Header from '../header'; +import SubHeader from '../generic/sub-header/SubHeader'; + +import messages from './messages'; + +/** + * @type {React.FC} + */ +const LibraryCollections = () => ( + <> + + + } + /> + + + + + > +); + +export default LibraryCollections; diff --git a/src/library-authoring/data/apiHook.ts b/src/library-authoring/data/apiHook.ts index 2b1516ee22..53509fbe3b 100644 --- a/src/library-authoring/data/apiHook.ts +++ b/src/library-authoring/data/apiHook.ts @@ -14,6 +14,7 @@ export const useContentLibrary = (libraryId?: string) => { return { data: undefined, error: 'No library ID provided', + isLoading: false, } } diff --git a/src/library-authoring/index.ts b/src/library-authoring/index.ts index 05cd9d1e61..69831c4ed9 100644 --- a/src/library-authoring/index.ts +++ b/src/library-authoring/index.ts @@ -1,3 +1,4 @@ // @ts-check // eslint-disable-next-line import/prefer-default-export export { default as LibraryAuthoringPage } from './LibraryAuthoringPage'; +export { default as CreateLibrary } from './CreateLibrary'; diff --git a/src/library-authoring/messages.ts b/src/library-authoring/messages.ts index 0d6c497d3a..6a09703b64 100644 --- a/src/library-authoring/messages.ts +++ b/src/library-authoring/messages.ts @@ -41,6 +41,16 @@ const messages = defineMessages({ defaultMessage: 'Recently modified components and collections will be displayed here.', description: 'Temp placeholder for the recent components container. This will be replaced with the actual list.', }, + createLibrary: { + id: 'course-authoring.library-authoring.create-library', + defaultMessage: 'Create library', + description: 'Header for the create library form', + }, + createLibraryTempPlaceholder: { + id: 'course-authoring.library-authoring.create-library-temp-placeholder', + defaultMessage: 'This is a placeholder for the create library form. This will be replaced with the actual form.', + description: 'Temp placeholder for the create library container. This will be replaced with the new library form.', + }, }); export default messages; diff --git a/src/studio-home/tabs-section/LibraryV2Placeholder.jsx b/src/studio-home/tabs-section/LibraryV2Placeholder.jsx deleted file mode 100644 index 6b13853a2c..0000000000 --- a/src/studio-home/tabs-section/LibraryV2Placeholder.jsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react'; -import { Container } from '@openedx/paragon'; -import { StudioFooter } from '@edx/frontend-component-footer'; -import { useIntl } from '@edx/frontend-platform/i18n'; - -import Header from '../../header'; -import SubHeader from '../../generic/sub-header/SubHeader'; -import messages from './messages'; - -/* istanbul ignore next */ -const LibraryV2Placeholder = () => { - const intl = useIntl(); - - return ( - <> - - - - - - - - - - {intl.formatMessage(messages.libraryV2PlaceholderBody)} - - - - - > - ); -}; - -export default LibraryV2Placeholder; diff --git a/src/studio-home/tabs-section/messages.js b/src/studio-home/tabs-section/messages.js index 0ed614f55a..e1ad0fd44f 100644 --- a/src/studio-home/tabs-section/messages.js +++ b/src/studio-home/tabs-section/messages.js @@ -50,14 +50,6 @@ const messages = defineMessages({ defaultMessage: 'Taxonomies', description: 'Title of Taxonomies tab on the home page', }, - libraryV2PlaceholderTitle: { - id: 'course-authoring.studio-home.libraries.placeholder.title', - defaultMessage: 'Library V2 Placeholder', - }, - libraryV2PlaceholderBody: { - id: 'course-authoring.studio-home.libraries.placeholder.body', - defaultMessage: 'This is a placeholder page, as the Library Authoring MFE is not enabled.', - }, }); export default messages;
{intl.formatMessage(messages.libraryV2PlaceholderBody)}