Merge pull request #1385 from TheThingsNetwork/feature/1281-console-p…

…ubsub-integrations

Add PubSub integrations to the console

pkg/webui/components/file-input/index.js

@@ -85,7 +85,7 @@ export default class FileInput extends Component {
     const { maxSize } = this.props
     const { files } = event.target
 
-    if (files[0].size <= maxSize) {
+    if (files && files[0] && files[0].size <= maxSize) {
       this.setState({ filename: files[0].name, error: undefined })
       this.reader.readAsDataURL(files[0])
     } else {
@@ -103,7 +103,7 @@ export default class FileInput extends Component {
     const { onChange } = this.props
 
     this.setState({ filename: '', error: undefined })
-    onChange(undefined, true)
+    onChange('', true)
   }
 
   get statusMessage() {
@@ -145,6 +145,7 @@ export default class FileInput extends Component {
     return (
       <div className={style.container}>
         <Button
+          type="button"
           aria-controls="fileupload"
           onClick={this.handleChooseClick}
           disabled={disabled}

pkg/webui/components/table/index.js

@@ -108,7 +108,9 @@ class Tabular extends React.Component {
           return (
             <Table.Row key={rowKey} id={rowKey} onClick={onRowClick}>
               {headers.map(function(header, index) {
-                const value = getByPath(row, headers[index].name)
+                const value = headers[index].getValue
+                  ? headers[index].getValue(row)
+                  : getByPath(row, headers[index].name)
                 return (
                   <Table.DataCell key={index} centered={header.centered} small={small}>
                     {headers[index].render ? headers[index].render(value) : value}
@@ -192,6 +194,7 @@ Tabular.propTypes = {
   headers: PropTypes.arrayOf(
     PropTypes.shape({
       displayName: PropTypes.message.isRequired,
+      getValue: PropTypes.func,
       name: PropTypes.string.isRequired,
       render: PropTypes.func,
       centered: PropTypes.bool,