diff --git a/components/RichBody.tsx b/components/RichBody.tsx index 8bb65c0..bb9fa5d 100644 --- a/components/RichBody.tsx +++ b/components/RichBody.tsx @@ -51,6 +51,16 @@ export function RichBody(props: Props): ReactElement { node.data.uri.indexOf('://oxen.io') >= 0 ? node.data.uri.split('://oxen.io')[1] : node.data.uri; + // Remove Google Docs styling + const renderChildren = Children.map(children, (child: any) => { + if (child.type === 'span' && child.props.className === 'underline') { + const newProps = { + ...child.props, + className: undefined, + }; + return cloneElement(child, newProps); + } + }); return ( - {children} + {renderChildren} ); @@ -166,7 +176,7 @@ export function RichBody(props: Props): ReactElement { if (child.type === 'p') { const newProps = { ...child.props, - className: 'mb-3 font-sans tracking-wide text-justify', + className: 'mb-3 font-sans tracking-wide', }; return cloneElement(child, newProps); }