Janady13/thatdeveloperguy-website / app/components/content/ContentSections.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatdeveloperguy-website / app/components/content/ContentSections.tsx
Date	Not specified in source
Repository	Janady13/thatdeveloperguy-website
Revision	2bea2ebdff0e34494bff597d4fa9c8422a0c3a94
Branch	main
Path or archive member	app/components/content/ContentSections.tsx
Original SHA-256	2525c3aab336b3142e6675ae04893d5ea157d995eba36c26396e86c194482dad
Git blob SHA	d483c269e9f42e6cb4c869333675d71df8bae482
Reading-copy SHA-256	2525c3aab336b3142e6675ae04893d5ea157d995eba36c26396e86c194482dad

Original source ↗

Recovered source transcript

Download complete source text ↓15 lines · 0.7 KB

import type { CompiledPage } from '../../../src/contracts/page';
/** The page body (compiled markdown) followed by the anchored sections room objects link to. */
export function ContentSections({ page }: { page: CompiledPage }) {
  return (
    <div className="page-body">
      <div className="page-prose" dangerouslySetInnerHTML={{ __html: page.bodyHtml }} />
      {page.sections?.length ? (
        <div className="page-sections">
          {page.sections.map(section => <section key={section.id} id={section.id} aria-labelledby={`${section.id}-heading`} className="page-section"><h2 id={`${section.id}-heading`}>{section.heading}</h2><p>{section.body}</p></section>)}
        </div>
      ) : null}
    </div>
  );
}