diff --git a/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/dom.tsx b/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/dom.tsx index 8d23ed7b8b..1ca6e50c9b 100644 --- a/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/dom.tsx +++ b/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/dom.tsx @@ -20,7 +20,8 @@ import useMediaQuery from '@material-ui/core/useMediaQuery'; import { useTheme } from '@material-ui/core/styles'; import { CompoundEntityRef } from '@backstage/catalog-model'; -import { useAnalytics, useApi } from '@backstage/core-plugin-api'; +import { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api'; +import {} from '@backstage/plugin-catalog-react'; import { scmIntegrationsApiRef } from '@backstage/integration-react'; import { @@ -68,6 +69,7 @@ export const useTechDocsReaderDom = ( const techdocsStorageApi = useApi(techdocsStorageApiRef); const scmIntegrationsApi = useApi(scmIntegrationsApiRef); + const configApi = useApi(configApiRef); const { state, path, content: rawPage } = useTechDocsReader(); const { '*': currPath = '' } = useParams(); @@ -193,7 +195,7 @@ export const useTechDocsReaderDom = ( scrollIntoNavigation(), copyToClipboard(theme), addLinkClickListener({ - baseUrl: window.location.origin, + baseUrl: configApi.getString('app.baseUrl'), onClick: (event: MouseEvent, url: string) => { // detect if CTRL or META keys are pressed so that links can be opened in a new tab with `window.open` const modifierActive = event.ctrlKey || event.metaKey; @@ -258,7 +260,7 @@ export const useTechDocsReaderDom = ( onLoaded: () => {}, }), ]), - [theme, navigate, analytics, entityRef.name], + [theme, navigate, analytics, entityRef.name, configApi], ); useEffect(() => {