JS factorization + clean.

[perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git] / cmd / web / js / panel.jsx

diff --git a/cmd/web/js/panel.jsx b/cmd/web/js/panel.jsx
new file mode 100644 (file)
index 0000000..c293e9a
--- /dev/null
+++ b/cmd/web/js/panel.jsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import classnames from 'classnames';
+
+class Panel extends React.Component {
+  render = () => {
+    if (this.props.component === null) {
+      return <div></div>;
+    }
+
+    var className = classnames('row', this.props.topClassName);
+
+    return (
+      <div className={className}>
+        <div className="box col-12">
+          <div className="row">
+            <div className="col-4">{this.props.title}</div>
+          </div>
+          <hr/>
+          {this.props.component}
+        </div>
+      </div>);
+    }
+}
+
+export default Panel;