Software developer at HubSpot. Started flxwebsites.com to make nice websites for small businesses who can't afford Big Design Firm pricing. Also building canandaigua.com. Personal blog at nicksergeant.com.
!['use client';
import { useEffect, useRef } from 'react';
export default function PostContent({ content }: { content: string }) {
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
const codeElements = ref.current?.querySelectorAll('p code');
codeElements?.forEach((codeElement) => {
const codeElementWrappedInnerHtml = `<code>${codeElement.innerHTML}</code>`;
if (
codeElement.parentElement?.innerHTML === codeElementWrappedInnerHtml
) {
codeElement.classList.add('code-block');
}
});
}, [ref]);
return <div ref={ref} dangerouslySetInnerHTML={{ __html: content }} />;
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:dlduuey75fgatwznqx7edjh7/bafkreid2ixng44g53bhspelfkl4bsdnf73aplxccgteppeple3ls3tc6mq)
Software developer at HubSpot. Started flxwebsites.com to make nice websites for small businesses who can't afford Big Design Firm pricing. Also building canandaigua.com. Personal blog at nicksergeant.com.