endeavorance/muse
1
Fork 0
Code Issues Pull requests Releases Packages 1 Activity

Convert rendering to jsx

Browse source
This commit is contained in:
Endeavorance 2025-03-19 15:57:56 -04:00
parent 0f72d048ee
commit d1b632e83c
25 changed files with 422 additions and 513 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/render/html/component/method.tsx
View file

@ -1,8 +1,13 @@
import type { Method, Playbill } from "@proscenium/playbill";
import { AbilityCard } from "./ability";
import { Section } from "./base/react-section";
import { Section } from "./base/section";
export function MethodSection(method: Method, playbill: Playbill) {
interface MethodSectionProps {
method: Method;
playbill: Playbill;
}
export function MethodSection({ method, playbill }: MethodSectionProps) {
const ranks = method.abilities.map((rank, i) => {
return <div className="method-rank" key={i}>
<h3>Rank {i + 1}</h3>
@ -20,9 +25,9 @@ export function MethodSection(method: Method, playbill: Playbill) {
type="method"
componentId={method.id}
title={method.name}
preInfo={<p className="method-curator">{method.curator}</p>}
info={<p className="method-description">{method.description}</p>}
content={<div className="method-ranks">{ranks}</div>}
/>
preInfo={<p className="method-curator">{method.curator}'s Method of</p>}
info={<p className="method-description" dangerouslySetInnerHTML={{ __html: method.description }}></p>}
>
<div className="method-ranks">{ranks}</div>
</Section>
}