1 files changed, 53 insertions, 0 deletions
diff --git a/scraper/client/paper/paper.unknown.js b/scraper/client/paper/paper.unknown.js
new file mode 100644
index 00000000..7a20f398
--- /dev/null
+++ b/scraper/client/paper/paper.unknown.js
@@ -0,0 +1,53 @@
+import React, { Component } from 'react'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+
+import * as actions from '../actions'
+
+import { TableObject } from '../common'
+
+class PaperUnknown extends Component {
+  render() {
+    const { dataset } = this.props.api.paperInfo
+    const { citations } = this.props.api.unknownCitations
+    if (!dataset || !citations) return null
+    console.log('rendering unknown citations...')
+    return (
+      <div className='citations'>
+        <h2>{dataset.name_full}: Unknown 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"
+          }
+          return (
+            <li key={i}>
+              <TableObject
+                summary
+                object={cite}
+                tag={cite.title}
+              />
+            </li>
+          )
+        })}
+        </ul>
+      </div>
+    )
+  }
+}
+                // order={['id', 'pdf', 'year']}
+
+const mapStateToProps = state => ({
+  api: state.api
+})
+const mapDispatchToProps = dispatch => ({
+  actions: bindActionCreators({ ...actions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(PaperUnknown)