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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import * as actions from '../actions'
import { TableObject, Loader } from '../common'
import { USES_DATASET } from '../types'
class CitationList extends Component {
state = {
filter: USES_DATASET.YES,
}
render() {
const { citations, title, api } = this.props
const { paperInfo, unknownCitations, verifications, sortedCitations } = api
const { dataset } = paperInfo
const { filter } = this.state
if (!dataset || !citations || !verifications[dataset.key]) return <Loader />
let verifiedLookup = verifications[dataset.key] || {}
let filteredCitations = sortedCitations.filter(citation => (
citation.verified === filter
))
return (
<div className='citations'>
<h2>{title}</h2>
<div className='filter_buttons'>
<span className='verified' onClick={() => this.setState({ filter: USES_DATASET.YES })}>uses dataset</span>
<span className='unverified' onClick={() => this.setState({ filter: USES_DATASET.NO })}>{"doesn't use dataset"}</span>
<span className='not_enough_info' onClick={() => this.setState({ filter: USES_DATASET.UNKNOWN })}>{'not enough information'}</span>
<span className='unknown' onClick={() => this.setState({ filter: USES_DATASET.NO_DATA })}>{'unverified'}</span>
</div>
<ul>
{(filteredCitations || []).map((citation, i) => {
let cite = { ...citation }
cite.id = {
_raw: true,
value: <Link to={'/paper/' + dataset.key + '/verify/' + citation.id}>{citation.id}</Link>
}
cite.pdf = {
_raw: true,
value: (cite.pdf && cite.pdf.length)
? cite.pdf.map((pdf, i) => <a key={'pdf_' + i} href={pdf} rel='noopener noreferrer' target="_blank">[pdf]</a>)
: "no pdf"
}
cite.doi = {
_raw: true,
value: (cite.doi && cite.doi.length)
? (cite.doi || []).map((doi, i) => <a key={'doi_' + i} href={doi} rel='noopener noreferrer' target="_blank">[doi]</a>)
: ""
}
cite.s2 = {
_raw: true,
value: <a
href={'https://www.semanticscholar.org/paper/' + citation.id}
target="_blank"
rel="noopener noreferrer"
className={'pdfLink'}
>{'[semantic scholar]'}</a>
}
cite.addresses = {
_raw: true,
value: (cite.addresses || []).map((address, j) => (
<div key={j}>{address.name}{', '}<span className='type'>{address.type}</span></div>
))
}
if (citation.id in verifiedLookup) {
const verification = verifiedLookup[citation.id]
cite.verified = {
_raw: true,
value: verification.uses_dataset === USES_DATASET.YES
? <span className='verified'>uses dataset</span>
: verification.uses_dataset === USES_DATASET.NO
? <span className='unverified'>{"doesn't use dataset"}</span>
: <span className='not_enough_info'>{"not enough information"}</span>
}
cite.reference = verification.reference
if (verification.notes) {
cite.notes = verification.notes
}
}
else {
cite.verified = {
_raw: true,
value: <span className='unknown'>unknown</span>
}
}
return (
<li key={i}>
<TableObject
summary
object={cite}
tag={cite.title}
order={['id', 'pdf', 's2', 'year', 'addresses', 'verified', 'reference', 'notes']}
/>
</li>
)
})}
</ul>
</div>
)
}
}
const mapStateToProps = state => ({
api: state.api,
})
const mapDispatchToProps = dispatch => ({
actions: bindActionCreators({ ...actions }, dispatch),
})
export default connect(mapStateToProps, mapDispatchToProps)(CitationList)
|
