     </div>
 
   render: ->
-    {conversations, user} = @state
+    {conversations, user, loading} = @state
     <div className="inbox content-container">
       <h1>Inbox</h1>
-      {if not user
-         <p>Please sign in to view your inbox</p>
+
+      {if loading
+        <Loading />
+      else if not user
+        <p>Please sign in to view your inbox</p>
+      else if conversations?.length is 0
+        <p>You have not started any private conversations yet</p>
       else if conversations?.length
         <div>
           {conversations?.map(@conversationLink)}

    talkClient.type('conversations').get({user_id: @state.user.id, page_size: PAGE_SIZE, page,sort: '-updated_at'})
      .then (conversations) =>
        conversationsMeta = conversations[0]?.getMeta()
        @setState {conversations, conversationsMeta}

  onPageChange: (page) ->
    @goToPage(page)

PromiseToSetState = require '../lib/promise-to-set-state'
Paginator = require './lib/paginator'
Router = {Link} = require 'react-router'
Loading = require '../components/loading-indicator'

PAGE_SIZE = 10

