forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-04-20 13:36:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactore MultilineText component from class-based to functional

Browse Source
This commit is contained in:
Przemek Wiech
2021-11-03 14:52:00 +01:00
parent 8a9294fc57
commit fe5f68e77d
1 changed files with 2 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/details/multiline-text.tsx
View File

@@ -1,15 +1,13 @@
import * as React from 'react';
import {injectIntl, WrappedComponentProps} from 'react-intl';
import Linkify from 'react-linkify';
interface Props {
lines: (JSX.Element | string)[];
}
function joinLines(lines: (JSX.Element | string)[]) {
export function MultilineText(props: Props) {
return (
<>
{lines.map((line, index) => (
{props.lines.map((line, index) => (
<div key={index}>
<Linkify properties={{target: '_blank'}}>{line}</Linkify>
<br />
@@ -18,14 +16,3 @@ function joinLines(lines: (JSX.Element | string)[]) {
</>
);
}
class MultilineTextComponent extends React.Component<
Props & WrappedComponentProps,
{}
> {
render() {
return joinLines(this.props.lines);
}
}
export const MultilineText = injectIntl(MultilineTextComponent);