1 | import * as React from 'react';
|
2 | import { SingleComponent } from '../context/DataStore';
|
3 |
|
4 | interface MoreLikeThisProps<T> {
|
5 | docs: T[];
|
6 | title?: string;
|
7 | render: SingleComponent<T>;
|
8 | }
|
9 |
|
10 | class MoreLikeThis<T> extends React.Component<MoreLikeThisProps<T>> {
|
11 | render() {
|
12 | const { docs, render } = this.props;
|
13 |
|
14 | const titleDiv = this.props.title ? (
|
15 | <h3>{this.props.title}</h3>
|
16 | ) : null;
|
17 |
|
18 | return (
|
19 | <div>
|
20 | {titleDiv}
|
21 | {
|
22 | (docs || []).map(
|
23 | (doc, i) => <div key={i}>{render(doc)}</div>
|
24 | )
|
25 | }
|
26 | </div>
|
27 | );
|
28 | }
|
29 | }
|
30 |
|
31 | export {
|
32 | MoreLikeThisProps,
|
33 | MoreLikeThis
|
34 | }; |
\ | No newline at end of file |