1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as actions from '../actions'
import { TableObject } from '../common'
class PaperCitations extends Component {
render() {
const { dataset, citations } = this.props.api.paperInfo
if (!dataset || !citations) return null
console.log('rendering citations...')
return (
<div className='citations'>
<h2>{dataset.name_full}: Citations</h2>
<ul>
{citations.map((citation, i) => {
let cite = { ...citation }
cite.id = {
_raw: true,
value: <a href={'/api/address/' + dataset.key + '/' + citation.id}>{citation.id}</a>
}
cite.pdf = {
_raw: true,
value: cite.pdf ? <a href={cite.pdf} rel='noopener noreferrer' target="_blank">[pdf]</a> : "no pdf"
}
cite.addresses = {
_raw: true,
value: cite.addresses.map((address, j) => (
<div key={j}>{address.address}{', '}<span className='type'>{address.type}</span></div>
))
}
return (
<li key={i}>
<TableObject
summary
object={cite}
tag={cite.title}
order={['id', 'pdf', 'year', 'addresses']}
/>
</li>
)
})}
</ul>
</div>
)
}
}
const mapStateToProps = state => ({
api: state.api
})
const mapDispatchToProps = dispatch => ({
actions: bindActionCreators({ ...actions }, dispatch),
})
export default connect(mapStateToProps, mapDispatchToProps)(PaperCitations)
|
