     render: ->
         # TODO: loading
         if @props.currentPage == @props.target
-            React.DOM.li({className: "active"}, React.DOM.span({}, @props.text))
+            React.DOM.li({className: 'active'}, React.DOM.span({}, @props.text))
         else if 0 < @props.target <= @props.total
             React.DOM.li({onClick: @handleClick}, React.DOM.span({}, @props.text))
         else
-            React.DOM.li({className: "disabled"}, React.DOM.span({}, @props.text))
+            React.DOM.li({className: 'disabled'}, React.DOM.span({}, @props.text))
 })
 
 

            handleClick: @props.handleClick
            text: text
        })
        previous = makePagerItem(@props.currentPage - 1, "«")
        next = makePagerItem(@props.currentPage + 1, "»")
        # TODO: handle a large number of pages
        items = (makePagerItem(i) for i in [1..totalPages])
        return React.DOM.ul({className: "pagination"}, previous, items, next)
})



        })

        messageList = if @state.messages
            messageNodes = @state.messages.map((message) => @renderMessage(
                message.mUid
                message.mSubject
                message.mSender
                message.mDate
                message.mContents
            ))
            React.DOM.div(null
                React.DOM.table({className: 'table table-striped table-hover'}
                    React.DOM.thead(null
                        React.DOM.tr(null
                            React.DOM.th(null, 'Subject')
                            React.DOM.th(null, 'From')
                            React.DOM.th(null, 'Date')
                        )
                    )
                    React.DOM.tbody(null, messageNodes)
                )
            )
        else React.DOM.div({}, 'Loading...')

        return React.DOM.div({className: 'panel panel-default'}
            React.DOM.div({className: 'panel-heading'}
                React.DOM.h4({className: 'panel-title'}
                    React.DOM.a({
                        'data-toggle': 'collapse'
                        href: "##{@safeID}"
