diff --git a/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx b/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx index 430165bf8b..55731e6f2a 100644 --- a/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx +++ b/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx @@ -23,7 +23,7 @@ import { makeStyles, } from '@material-ui/core'; import { Link } from '@backstage/core-components'; -import { useAnalytics } from '@backstage/core-plugin-api'; +import { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api'; import { ResultHighlight } from '@backstage/plugin-search-common'; import { HighlightedSearchResultText } from '@backstage/plugin-search-react'; @@ -74,9 +74,12 @@ export const TechDocsSearchResultListItem = ( const classes = useStyles(); const analytics = useAnalytics(); + const configApi = useApi(configApiRef); + const handleClick = () => { + const to = configApi.getString('app.baseUrl').concat(result.location); analytics.captureEvent('discover', result.title, { - attributes: { to: result.location }, + attributes: { to }, value: rank, }); }; @@ -149,14 +152,16 @@ export const TechDocsSearchResultListItem = ( ); }; - const LinkWrapper = ({ children }: PropsWithChildren<{}>) => - asLink ? ( - + const LinkWrapper = ({ children }: PropsWithChildren<{}>) => { + const to = configApi.getString('app.baseUrl').concat(result.location); + return asLink ? ( + {children} ) : ( <>{children} ); + }; const ListItemWrapper = ({ children }: PropsWithChildren<{}>) => asListItem ? (