From 14652eecb0fb4ebcb14e830504bfb02017bd010e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 16 Sep 2018 16:03:41 +0200
Subject: augmentation grid

---
 app/client/common/buttonGrid.component.js | 32 +++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 app/client/common/buttonGrid.component.js

(limited to 'app/client/common/buttonGrid.component.js')

diff --git a/app/client/common/buttonGrid.component.js b/app/client/common/buttonGrid.component.js
new file mode 100644
index 0000000..4b86d62
--- /dev/null
+++ b/app/client/common/buttonGrid.component.js
@@ -0,0 +1,32 @@
+import { h, Component } from 'preact'
+
+export default function ButtonGrid(props) {
+  const max = props.max || Infinity
+  return (
+    <table className='buttonGrid'>
+      <tr className='row'>
+        <th>{" "}</th>
+        {props.x.map(x => (
+          <th>{x}</th>
+        ))}
+      </tr>          
+      {props.y.map(y => (
+        <tr className='row'>
+          <th>{y}</th>
+          {props.x.map(x => (
+            <td>
+              {x * y > max ? " " :
+                <button
+                  onClick={() => props.onClick(x, y)}
+                  onMouseEnter={() => props.onHover(x, y)}
+                >
+                  {" "}
+                </button>
+              }
+            </td>
+          ))}
+        </tr>
+      ))}
+    </table>
+  )
+}
-- 
cgit v1.2.3-70-g09d2