fix: add Create Library placeholder

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 = () => {
         <Route path="/home" element={<StudioHome />} />
         <Route path="/libraries" element={<StudioHome />} />
         <Route path="/legacy-libraries" element={<StudioHome />} />
+        <Route path="/library/create" element={<CreateLibrary />} />
         <Route path="/library/:libraryId/*" element={<LibraryAuthoringPage />} />
         <Route path="/course/:courseId/*" element={<CourseAuthoringRoutes />} />
         <Route path="/course_rerun/:courseId" element={<CourseRerun />} />

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 = () => (
+  <>
+    <Header isHiddenMainMenu />
+    <Container size="xl" className="p-4 mt-3">
+      <SubHeader
+        title={<FormattedMessage {...messages.createLibrary} />}
+      />
+      <div className="d-flex my-6 justify-content-center">
+        <FormattedMessage
+          {...messages.createLibraryTempPlaceholder}
+        />
+      </div>
+    </Container>
+  </>
+);
+
+export default LibraryCollections;

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,
     }
   }
 

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';

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;

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;