From c89ff104ea7adc7ad9298596acae5824dff290ae Mon Sep 17 00:00:00 2001
From: Mario Basic <mario.basic@outlook.com>
Date: Wed, 17 Jun 2015 18:32:36 +0200
Subject: [PATCH] Started working on SitesList component for accepting user
 input and validation.

---
 assets/js/components/SitesList.react.js | 28 +++++++++++++++++++++++++
 assets/js/events.js                     |  4 ++--
 2 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 assets/js/components/SitesList.react.js

diff --git a/assets/js/components/SitesList.react.js b/assets/js/components/SitesList.react.js
new file mode 100644
index 0000000..1011556
--- /dev/null
+++ b/assets/js/components/SitesList.react.js
@@ -0,0 +1,28 @@
+var React = require('react');
+
+var SitesList = React.createClass({
+
+    getDefaultProps: function () {
+        return {
+            placeholder: 'http://google.com'
+        };
+    },
+
+    render: function () {
+        return (
+            <div className="form-group">
+                <label htmlFor="sites" className="col-lg-2 control-label">{this.props.label}</label>
+
+                <div className="col-lg-10">
+                    <textarea className="form-control" rows="3" ref="sites"
+                        placeholder={this.props.placeholder}></textarea>
+                    <span className="help-block">{this.props.helpText}
+                        <br/>
+                        One line per site.</span>
+                </div>
+            </div>
+        );
+    }
+});
+
+module.exports = SitesList;
\ No newline at end of file
diff --git a/assets/js/events.js b/assets/js/events.js
index 382289b..85ae37c 100644
--- a/assets/js/events.js
+++ b/assets/js/events.js
@@ -9,7 +9,7 @@ var wakatime = new WakaTime;
 var connections = {};
 
 // Add a listener to resolve alarms
-chrome.alarms.onAlarm.addListener(function(alarm){
+chrome.alarms.onAlarm.addListener(function (alarm) {
     // |alarm| can be undefined because onAlarm also gets called from
     // window.setTimeout on old chrome versions.
     if (alarm && alarm.name == 'heartbeatAlarm') {
@@ -45,7 +45,7 @@ chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
 
     if (changeInfo.status === 'complete') {
         // Get current tab URL.
-        chrome.tabs.query({active: true}, (tabs) => {
+        chrome.tabs.query({active: true}, function(tabs) {
             // If tab updated is the same as active tab
             if (tabId == tabs[0].id) {
                 console.log('recording a heartbeat - tab updated');