.

1 files changed, 21 insertions, 0 deletions

diff --git a/client/common/gate.component.js b/client/common/gate.component.js
new file mode 100644
index 00000000..9bf9287b
--- /dev/null
+++ b/client/common/gate.component.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import { connect } from 'react-redux'
+
+function Gate(props) {
+  const { app, tag, View } = props
+  const data = app[tag]
+  if (!data) return null
+  if (data === 'loading') {
+    return <div className='tableObject loading'>{tag}{': Loading'}</div>
+  }
+  if (data.err) {
+    return <div className='tableObject error'>{tag}{' Error: '}{data.err}</div>
+  }
+  return <View data={data} {...props} />
+}
+
+const mapStateToProps = state => ({
+  app: state.metadata
+})
+
+export default connect(mapStateToProps)(Gate)