From 2b15c8c33a5a7b4ac39590f56ecf6d96b377c66d Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Sun, 21 Aug 2016 20:43:53 +0300
Subject: Temporary radio buttons

---
 base.scss |  2 +-
 index.js  | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/base.scss b/base.scss
index 875cb18..7f18e81 100644
--- a/base.scss
+++ b/base.scss
@@ -32,7 +32,7 @@ body {
             border-radius: 3px;
             background-color: white;
         }
-        input {
+        input[type='text'] {
             display: block;
             margin: 10px auto;
         }
diff --git a/index.js b/index.js
index 25188f6..7b41ca8 100644
--- a/index.js
+++ b/index.js
@@ -4,6 +4,23 @@ import QRious from 'qrious'
 
 import './base.scss'
 
+class SizeRadios extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = {
+      selected: props.vals[0]
+    }
+  }
+
+  render () {
+    return <div className='radios'>
+    {this.props.vals.map((v) => {
+      return <input type='radio' name={this.props.name} value={v}></input>
+    })}
+    </div>
+  }
+}
+
 class Qrgen extends React.Component {
 
   constructor (props) {
@@ -37,6 +54,7 @@ class Qrgen extends React.Component {
       <input type='text' value={this.state.size} onChange={(e) => {
         this.setState(Object.assign({}, this.state, { size: e.target.value }))
       }}></input>
+      <SizeRadios name='size' vals={[1,2,3,4]} />
       <p className='save'>To save the QR code, right-click the image and 'Save Image As', or touch and hold the image on your mobile browser.</p>
       <canvas ref='qr' id='qr'></canvas>
       <img ref='qrimg' id='qrimg'></img>
-- 
cgit v1.3.1