From 0914fa4d1a0c1e8b92957d6db13faf11c1fc8da3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Wed, 26 Oct 2016 12:00:24 +0100
Subject: [PATCH] add  to 's propTypes

---
 ui/src/components/toggle/index.js  | 1 +
 ui/src/components/toggle/style.css | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js
index ec2e6577..515a1e70 100644
--- a/ui/src/components/toggle/index.js
+++ b/ui/src/components/toggle/index.js
@@ -30,6 +30,7 @@ const Toggle = ({
 
 Toggle.propTypes = {
   className: React.PropTypes.string,
+  off: React.PropTypes.bool,
   style: React.PropTypes.object
 };
 
diff --git a/ui/src/components/toggle/style.css b/ui/src/components/toggle/style.css
index b319fbd0..76c72cff 100644
--- a/ui/src/components/toggle/style.css
+++ b/ui/src/components/toggle/style.css
@@ -1,3 +1,9 @@
+/*
+ * - This can probably be achieved with flexbox so that we don't use any
+ * margins or paddings
+ * - We shouldn't use #FFFFFF but a variation of it to have less contrast
+ */
+
 .toggle {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   color: #464646;