oliverbenns · November 20, 2017 08:31 · Nov 20, 2017 · Nov 20, 2017
diff --git a/gistfile1.txt → visible.js b/gistfile1.txt → visible.js
diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,33 @@
+import React from 'react';
+
+const visible = isVisible => Component => {
+  class VisibleComponent extends React.Component {
+    componentDidMount() {
+      this.unsubscribe = this.context.store.subscribe(this.handleChange.bind(this));
+    }
+
+    componentWillUnmount() {
+      this.unsubscribe();
+    }
+
+    handleChange() {
+      this.forceUpdate();
+    }
+
+    render() {
+      const show = isVisible(this.context.store.getState());
+
+      if (!show) {
+        return null;
+      }
+
+      return <Component {...this.props} />;
+    }
+  }
+
+  VisibleComponent.contextTypes = { store: React.PropTypes.object };
+
+  return VisibleComponent;
+};
+
+export default visible;
No results found