21 lines
547 B
TypeScript
21 lines
547 B
TypeScript
import Markdown from "react-markdown";
|
|
import { remarkLineBreaks } from "../markdownBreaks";
|
|
|
|
type Props = {
|
|
note: string,
|
|
};
|
|
|
|
const REMARK_PLUGINS = [remarkLineBreaks];
|
|
|
|
/**
|
|
* Postup receptu zapsaný v Markdownu. Syrové HTML react-markdown nevykreslí,
|
|
* takže postup nic nepodstrčí. Jednoduché zalomení řádku zůstává zalomením.
|
|
*/
|
|
const RecipeNote = ({ note }: Readonly<Props>) => (
|
|
<div className="recipe-note">
|
|
<Markdown remarkPlugins={REMARK_PLUGINS}>{note}</Markdown>
|
|
</div>
|
|
);
|
|
|
|
export default RecipeNote;
|