CORE-903: Go to Rex portal URL from portal Details page

[CORE-903]

Author: RoyEJohnson

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 usePortalContext from '~/contexts/portal';
 import type {Model} from '../get-this-title';
 import type {TrackedMouseEvent} from '~/components/shell/router-helpers/use-link-handler';
 
@@ -104,6 +105,15 @@ export function TocOption({model}: {model: Model}) {
     );
 }
 
+function useRexPortalLinkOrNot(link: string) {
+    const {portalPrefix} = usePortalContext();
+
+    if (!portalPrefix) {
+        return link;
+    }
+    return link.replace('books/', `portal${portalPrefix}/books/`);
+}
+
 
 export function WebviewOption({model}: {model: Model}) {
     const [showCallout, hideForever] = useCalloutCounter(model.slug);
@@ -113,7 +123,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