Add QR code of tempalink

lib/components/Tempalink.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import QRCode from 'react-qr'
 
 export default class Tempalink extends React.Component {
   constructor() {
@@ -12,13 +13,16 @@ export default class Tempalink extends React.Component {
 
   render() {
     var url = window.location.origin + '/' + this.props.token
-    return <input
-      className="tempalink"
+    return <div className="tempalink">
+      <input
         onClick={this.onClick}
         readOnly
         ref="input"
         type="text"
         value={url} />
+
+        <QRCode text={url} />
+    </div>
   }
 
 }

lib/index.styl

@@ -175,6 +175,10 @@ p {
 }
 
 .tempalink {
+    display: flex
+    flex-direction: column
+
+    input {
         background: beige
         color: dark-gray
         border: 0
@@ -186,6 +190,11 @@ p {
         width: 100%
     }
 
+    img {
+        margin: auto
+    }
+}
+
 .data {
     color: gray
     font: 14px/20px "Quicksand", sans-serif

package.json

@@ -58,6 +58,7 @@
     "react": "^0.13.0",
     "react-frozenhead": "^0.3.0",
     "react-google-analytics": "^0.2.0",
+    "react-qr": "0.0.2",
     "react-router": "^0.13.1",
     "socket.io": "^1.3.5",
     "socket.io-client": "^1.3.5",