From dc7bd3c62897edfb642f215a71fbf7dd93faa350 Mon Sep 17 00:00:00 2001
From: Jason Clark <jason@longview.tech>
Date: Fri, 24 Nov 2017 13:48:56 -0700
Subject: incremental commit of working blockie component

---
 ui/app/components/blockies/blockies-component.js | 30 ++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 ui/app/components/blockies/blockies-component.js

(limited to 'ui/app/components/blockies/blockies-component.js')

diff --git a/ui/app/components/blockies/blockies-component.js b/ui/app/components/blockies/blockies-component.js
new file mode 100644
index 000000000..d6defda16
--- /dev/null
+++ b/ui/app/components/blockies/blockies-component.js
@@ -0,0 +1,30 @@
+const Component = require('react').Component
+const createElement  = require('react').createElement
+const blockies = require("ethereum-blockies");
+
+class BlockiesIdenticon extends Component {
+  constructor(props) {
+    super(props);
+  }
+  getOpts () {
+    return {
+      seed: this.props.seed || "foo",
+      color: this.props.color || "#dfe",
+      bgcolor: this.props.bgcolor || "#a71",
+      size: this.props.size || 15,
+      scale: this.props.scale || 3,
+      spotcolor: this.props.spotcolor || "#000"
+    };
+  }
+  componentDidMount() {
+    this.draw();
+  }
+  draw() {
+    blockies.render(this.getOpts(), this.canvas);
+  }
+  render() {
+    return createElement("canvas", {ref: canvas => this.canvas = canvas});
+  }
+}
+
+module.exports = BlockiesIdenticon;
-- 
cgit