CORE-903: Go to Rex portal URL from portal Details page (#2738)

[CORE-903]

Rewrite TOC links

Author: RoyEJohnson

src/app/helpers/rex-portal.ts

@@ -0,0 +1,10 @@
+import usePortalContext from '~/contexts/portal';
+
+export function useRexPortalLinkOrNot(link: string) {
+    const {portalPrefix} = usePortalContext();
+
+    if (!portalPrefix) {
+        return link;
+    }
+    return link.replace('books/', `portal${portalPrefix}/books/`);
+}

src/app/pages/details/common/get-this-title-files/options.tsx

@@ -18,6 +18,7 @@ import RecommendedCallout from './recommended-callout/recommended-callout';
 import {useOpenGiveDialog} from './give-before-pdf/use-give-dialog';
 import useCalloutCounter from './recommended-callout/use-callout-counter';
 import trackLink from '../track-link';
+import {useRexPortalLinkOrNot} from '~/helpers/rex-portal';
 import type {Model} from '../get-this-title';
 import type {TrackedMouseEvent} from '~/components/shell/router-helpers/use-link-handler';
 
@@ -104,7 +105,6 @@ export function TocOption({model}: {model: Model}) {
     );
 }
 
-
 export function WebviewOption({model}: {model: Model}) {
     const [showCallout, hideForever] = useCalloutCounter(model.slug);
 
@@ -113,7 +113,7 @@ export function WebviewOption({model}: {model: Model}) {
         link: intl.formatMessage({id: 'getit.webview.link'})
     };
     const isRex = Boolean(model.webviewRexLink);
-    const webviewLink = model.webviewRexLink || model.webviewLink;
+    const webviewLink = useRexPortalLinkOrNot(model.webviewRexLink) || model.webviewLink;
     const iconAndTextArgs = {
         icon: faLaptop,
         text: $.isPolish(model.title) ? 'Zobacz w przeglądarce' : texts.link

src/app/pages/details/common/hooks.tsx

@@ -4,10 +4,11 @@ import partnerFeaturePromise from '~/models/salesforce-partners';
 import shuffle from 'lodash/shuffle';
 import {camelCaseKeys} from '~/helpers/page-data-utils';
 import useDetailsContext from '../context';
+import {useRexPortalLinkOrNot} from '~/helpers/rex-portal';
 
 export function useTableOfContents() {
     const model = useDetailsContext();
-    const webviewLink = model.webviewRexLink;
+    const webviewLink = useRexPortalLinkOrNot(model.webviewRexLink);
     const [tocHtml, setTocHtml] = useState<string>('');
 
     if (webviewLink) {