fix: new library redirect

This reverts commit efe0bed.

src/studio-home/StudioHome.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import {
   Button,
   Container,
@@ -11,6 +11,7 @@ import { Add as AddIcon, Error } from '@openedx/paragon/icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { StudioFooter } from '@edx/frontend-component-footer';
 import { getConfig, getPath } from '@edx/frontend-platform';
+import { useLocation } from 'react-router-dom';
 
 import { constructLibraryAuthoringURL } from '../utils';
 import Loading from '../generic/Loading';
@@ -19,7 +20,7 @@ import Header from '../header';
 import SubHeader from '../generic/sub-header/SubHeader';
 import HomeSidebar from './home-sidebar';
 import TabsSection from './tabs-section';
-import { isMixedOrV2LibrariesMode } from './tabs-section/utils';
+import { isMixedOrV1LibrariesMode, isMixedOrV2LibrariesMode } from './tabs-section/utils';
 import OrganizationSection from './organization-section';
 import VerifyEmailLayout from './verify-email-layout';
 import CreateNewCourseForm from './create-new-course-form';
@@ -28,6 +29,8 @@ import { useStudioHome } from './hooks';
 import AlertMessage from '../generic/alert-message';
 
 const StudioHome = ({ intl }) => {
+  const location = useLocation();
+
   const isPaginationCoursesEnabled = getConfig().ENABLE_HOME_PAGE_COURSE_API_V2;
   const {
     isLoadingPage,
@@ -47,6 +50,9 @@ const StudioHome = ({ intl }) => {
 
   const libMode = getConfig().LIBRARY_MODE;
 
+  const v1LibraryTab = isMixedOrV1LibrariesMode(libMode) && location?.pathname.split('/').pop() === 'libraries-v1';
+  console.log('v1LibraryTab', v1LibraryTab);
+
   const {
     userIsActive,
     studioShortName,
@@ -55,7 +61,7 @@ const StudioHome = ({ intl }) => {
     redirectToLibraryAuthoringMfe,
   } = studioHomeData;
 
-  function getHeaderButtons() {
+  const getHeaderButtons = useCallback(() => {
     const headerButtons = [];
 
     if (isFailedLoadingPage || !userIsActive) {
@@ -83,14 +89,15 @@ const StudioHome = ({ intl }) => {
     }
 
     let libraryHref = `${getConfig().STUDIO_BASE_URL}/home_library`;
-    if (isMixedOrV2LibrariesMode(libMode)) {
+    if (isMixedOrV2LibrariesMode(libMode) && !v1LibraryTab) {
       libraryHref = libraryAuthoringMfeUrl && redirectToLibraryAuthoringMfe
         ? constructLibraryAuthoringURL(libraryAuthoringMfeUrl, 'create')
         // Redirection to the placeholder is done in the MFE rather than
         // through the backend i.e. redirection from cms, because this this will probably change,
         // hence why we use the MFE's origin
         : `${window.location.origin}${getPath(getConfig().PUBLIC_PATH)}library/create`;
     }
+    console.log('libraryHref', libraryHref);
 
     headerButtons.push(
       <Button
@@ -106,7 +113,7 @@ const StudioHome = ({ intl }) => {
     );
 
     return headerButtons;
-  }
+  }, [location]);
 
   const headerButtons = userIsActive ? getHeaderButtons() : [];
   if (isLoadingPage && !isFiltered) {