feat: Add create components workflow in unit page

Author: ChrisChV

src/library-authoring/LibraryAuthoringPage.tsx

@@ -96,16 +96,6 @@ const HeaderActions = () => {
           {intl.formatMessage(messages.newContentButton)}
         </Button>
       )}
-      {/* This button is temporal in this commit */}
-      <Button
-        className="ml-1"
-        iconBefore={Add}
-        variant="primary rounded-0"
-        onClick={openAddContentSidebar}
-        disabled={readOnly}
-      >
-        Add Content
-      </Button>
     </div>
   );
 };

src/library-authoring/data/apiHooks.ts

@@ -637,7 +637,7 @@ export const useUpdateContainer = (containerId: string) => {
 /**
  * Get the metadata and children for a container in a library
  */
-export const useContainerChildren = (containerId: string) => (
+export const useContainerChildren = (containerId?: string) => (
   useQuery({
     enabled: !!containerId,
     queryKey: containerQueryKeys.children(containerId),

src/library-authoring/units/LibraryUnitBlocks.tsx

@@ -42,7 +42,7 @@ export const LibraryUnitBlocks = () => {
     isLoading,
     isError,
     error,
-  } = useContainerChildren(libraryId, unitId);
+  } = useContainerChildren(unitId);
 
   useEffect(() => setOrderedBlocks(blocks || []), [blocks]);
 

src/library-authoring/units/LibraryUnitPage.tsx

@@ -26,6 +26,7 @@ const HeaderActions = () => {
 
   const { unitId, readOnly } = useLibraryContext();
   const {
+    openAddContentSidebar,
     closeLibrarySidebar,
     openUnitInfoSidebar,
     sidebarComponentInfo,
@@ -64,6 +65,7 @@ const HeaderActions = () => {
         iconBefore={Add}
         variant="primary rounded-0"
         disabled={readOnly}
+        onClick={openAddContentSidebar}
       >
         {intl.formatMessage(messages.newContentButton)}
       </Button>