implement external-id snaks; #9

src/components/Wikidata/Snak.js

@@ -1,11 +1,17 @@
 import React from 'react'
 
+import ExternalIdSnak from './Snak/ExternalIdSnak'
 import MonolingualTextSnak from './Snak/MonolingualTextSnak'
 import StringSnak from './Snak/StringSnak'
 
 class Snak extends React.Component {
   render() {
     switch(this.props.snak.datatype) {
+        case "external-id":
+          return (
+            <ExternalIdSnak snak={this.props.snak} />
+          );
+          break;
         case "monolingualtext":
           return (
             <MonolingualTextSnak snak={this.props.snak} />

src/components/Wikidata/Snak/ExternalIdSnak.js

@@ -0,0 +1,26 @@
+import React from 'react'
+
+import {Card, CardText} from 'material-ui/Card';
+
+class ExternalIdSnak extends React.Component {
+  render() {
+    return (
+      <Card>
+        <CardText>
+            <label>
+              {
+                /* TODO use formating to get clickable url */
+                (this.props.snak.datavalue.value)
+              }
+            </label>
+        </CardText>
+      </Card>
+    );
+  }
+}
+
+ExternalIdSnak.propTypes = {
+  snak: React.PropTypes.object.isRequired,
+}
+
+export default ExternalIdSnak