replacing my regex with a function already in DCR

Author: charleycampbell

dotcom-rendering/src/components/InlineProductCard.tsx

@@ -11,6 +11,7 @@ import type { ArticleFormat } from '../lib/articleFormat';
 import { palette } from '../palette';
 import { Picture } from './Picture';
 import { ProductLinkButton } from './ProductLinkButton';
+import { stripHtmlFromString } from './TextBlockComponent';
 
 export type Statistics = {
 	name: string;
@@ -101,8 +102,6 @@ const ProductInfoContainer = ({ children }: { children: ReactNode }) => (
 	<div css={productInfoContainer}>{children}</div>
 );
 
-const stripHtml = (html: string) => html.replace(/<[^>]+>/g, '');
-
 export const InlineProductCard = ({
 	format,
 	brandName,
@@ -136,7 +135,7 @@ export const InlineProductCard = ({
 		</ProductInfoContainer>
 		<ButtonContainer>
 			<ProductLinkButton
-				label={stripHtml(primaryCTA)}
+				label={stripHtmlFromString(primaryCTA)}
 				url={primaryUrl}
 				cssOverrides={css`
 					width: 100%;
@@ -147,7 +146,7 @@ export const InlineProductCard = ({
 					cssOverrides={css`
 						width: 100%;
 					`}
-					label={stripHtml(secondaryCTA)}
+					label={stripHtmlFromString(secondaryCTA)}
 					url={secondaryUrl}
 					priority={'tertiary'}
 				/>

dotcom-rendering/src/components/TextBlockComponent.tsx

@@ -43,7 +43,7 @@ const isOpenQuote = (t: string): boolean => {
 	].includes(t);
 };
 
-const stripHtmlFromString = (html: string): string => {
+export const stripHtmlFromString = (html: string): string => {
 	// https://stackoverflow.com/questions/822452/strip-html-from-text-javascript is
 	// a good discussion on how this can be done. Of the two approaches, regex and
 	// DOM, both have unikely failure scenarios but the impact for failure with DOM