some code formatting

Author: tiye

src/app/space.coffee

@@ -1,16 +1,15 @@
-'use strict'
+
 React = require('react')
 div = React.DOM.div
-module.exports = React.createClass(
+module.exports = React.createClass
   displayName: 'app-space'
   propTypes:
     width: React.PropTypes.number
     height: React.PropTypes.number
+
   render: ->
     div style: @styleRoot()
+
   styleRoot: ->
-    {
-      width: @props.width or '100%'
-      height: @props.height or '1em'
-    }
-)
+    width: @props.width or '100%'
+    height: @props.height or '1em'

src/app/spinner.coffee

@@ -1,13 +1,16 @@
-'use strict'
+
 React = require('react')
 div = React.DOM.div
-module.exports = React.createClass(
+
+module.exports = React.createClass
   displayName: 'app-spinner'
+
   render: ->
-    div {
+    div
       style: @styleRoot()
       className: 'spinner'
-    }, div(className: 'cube1'), div(className: 'cube2')
+      div className: 'cube1'
+      div className: 'cube2'
+
   styleRoot: ->
-    {}
-)
+    {}

src/app/time.coffee

@@ -1,4 +1,4 @@
-'use strict'
+
 hsl = require('hsl')
 React = require('react')
 reset = require('../util/reset')
@@ -7,9 +7,12 @@ now = new Date
 thisYear = now.getFullYear()
 thisMonth = now.getMonth()
 thisDay = now.getDate()
-module.exports = React.createClass(
+
+module.exports = React.createClass
   displayName: 'app-time'
-  propTypes: time: React.PropTypes.string.isRequired
+  propTypes:
+    time: React.PropTypes.string.isRequired
+
   getTime: ->
     thatTime = new Date(@props.time)
     current = new Date
@@ -20,28 +23,29 @@ module.exports = React.createClass(
     thatMin = thatTime.getMinutes()
     currentHour = current.getHours()
     currentMin = current.getMinutes()
-    if thatYear != thisYear
-      return thatYear + '/' + thatMonth + '/' + thatDay
-    if thatMonth != thisMonth
-      return thisMonth + '/' + thatDay
-    if thatDay != thisDay
-      return '' + thisDay - thatDay + ' ' + 'days'
-    if thatHour != currentHour
-      return thatHour + ':' + thatMin
-    if thatMin != currentMin
-      return thatHour + ':' + thatMin
-    'now'
+
+    switch
+      when thatYear isnt thisYear
+        "#{thatYear}/#{thatMonth}/#{thatDay}"
+      when thatMonth isnt thisMonth
+        "#{thisMonth}/#{thatDay}"
+      when thatDay isnt thisDay
+        "#{thisDay - thatDay}days"
+      when thatHour isnt currentHour
+        "#{thatHour}:#{thatMin}"
+      when thatMin isnt currentMin
+        "#{thatHour}:#{thatMin}"
+      else 'now'
+
   render: ->
-    div { style: @styleRoot() }, @getTime()
+    div style: @styleRoot(), @getTime()
+
   styleRoot: ->
-    {
-      color: hsl(0, 0, 86)
-      fontFamily: reset.fashionFonts
-      padding: '0 0px'
-      lineHeight: '18px'
-      height: '18px'
-      fontSize: '12px'
-      borderRadius: 2
-      whiteSpace: 'nowrap'
-    }
-)
+    color: hsl(0, 0, 86)
+    fontFamily: reset.fashionFonts
+    padding: '0 0px'
+    lineHeight: '18px'
+    height: '18px'
+    fontSize: '12px'
+    borderRadius: 2
+    whiteSpace: 'nowrap'

src/app/title.coffee

@@ -1,14 +1,16 @@
-'use strict'
+
 React = require('react')
 div = React.DOM.div
-module.exports = React.createClass(
+
+module.exports = React.createClass
   displayName: 'app-avatar'
-  propTypes: title: React.PropTypes.string.isRequired
+  propTypes:
+    title: React.PropTypes.string.isRequired
+
   renderTitle: ->
     if document.title != @props.title
       document.title = @props.title
-    undefined
+
   render: ->
     @renderTitle()
     div {}
-)