refactor frontend, add threshold slider

1 files changed, 13 insertions, 0 deletions

diff --git a/client/components/timing.component.js b/client/components/timing.component.js
new file mode 100644
index 0000000..7473a51
--- /dev/null
+++ b/client/components/timing.component.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import { connect } from 'react-redux'
+
+function Timing({ timing }) {
+  if (timing) {
+    return <small>Query completed in {Math.round(timing * 1000)} ms</small>
+  }
+  return null
+}
+
+const mapStateToProps = state => state.api
+
+export default connect(mapStateToProps)(Timing)