2004981Plate dynamics lab 2: a hammer on a hung plate by Rayleigh-Ritz and by Mindlin-Reissner finite elementsJeremy Magland 1import { useMemo } from "react";
2import katex from "katex";
3import "katex/dist/katex.min.css";
4import type { Equation } from "@plate-dyn/core";
6/** Renders a method's equations with their captions. */
7export function EquationsView({ equations }: { equations: Equation[] }) {
8 const html = useMemo(
9 () =>
10 equations.map((e) => katex.renderToString(e.tex, { displayMode: true, throwOnError: false })),
11 [equations],
12 );
13 return (
14 <div className="pl-equations">
15 {equations.map((e, i) => (
16 <div className="pl-equation" key={i}>
17 <div dangerouslySetInnerHTML={{ __html: html[i] }} />
18 <div className="pl-equation-caption">{e.caption}</div>
19 </div>
20 ))}
21 </div>
22 );
23}