Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-24 23:59:48 +02:00
Code Issues Releases Activity

fix: Fix markdown options and styles

Browse source
This commit is contained in:
Maksim Eltyshev 2022-04-22 02:06:12 +05:00
parent 4371e16c8d
commit e3d1d36857
5 changed files with 961 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

23
client/src/lib/custom-ui/components/Markdown/Markdown.jsx
View file

@ -1,7 +1,9 @@
import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import ReactMarkdown from 'react-markdown';
import gfm from 'remark-gfm';
import remarkGfm from 'remark-gfm';
import './Markdown.module.scss'; // FIXME: import as styles?
const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
const handleLinkClick = useCallback((event) => {
@ -21,16 +23,23 @@ const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
[handleLinkClick],
);
let renderers;
let components;
if (linkStopPropagation) {
renderers = {
link: linkRenderer,
components = {
a: linkRenderer,
};
}
// eslint-disable-next-line react/jsx-props-no-spreading
return <ReactMarkdown {...props} plugins={[gfm]} renderers={renderers} />;
return (
/* eslint-disable react/jsx-props-no-spreading */
<ReactMarkdown
{...props}
components={components}
remarkPlugins={[remarkGfm]}
className="markdown-body"
/>
/* eslint-enable react/jsx-props-no-spreading */
);
});
Markdown.propTypes = {