import React, { Component } from 'react'
import { inject, observer } from 'mobx-react'

@inject('AppStore')
@observer
export default class NewTabLink extends Component {
  render () {
    const { saved, autoSaveHandle } = this.props.AppStore
    const text = (autoSaveHandle && 'Saving...') || (saved && 'Draft saved')
    return (
      <div className='pure-u-1-6 include__body'>
        <span>
          {text}
        </span>
      </div>
    )
  }
}

@@ -79,16 +79,119 @@
 x-react'
+%0Aimport %7B CircularProgress %7D from 'material-ui/Progress'%0Aimport %7B InputLabel %7D from 'material-ui/Input'
 %0A%0A@injec
@@ -352,16 +352,26 @@
 nst 
+con
 te
-x
+n
 t = (
+%0A      
 auto
@@ -388,128 +388,133 @@
  && 
-'Saving...') %7C%7C (saved && 'Draft saved')%0A    return (%0A      %3Cdiv className='pure-u-1-6 include__body'%3E%0A        %3Cspan%3E%0A  
+%3CCircularProgress size=%7B24%7D /%3E%0A    ) %7C%7C (%0A      saved && %3CInputLabel%3EDraft saved%3C/InputLabel%3E%0A    )%0A    return (%0A      %3Cdiv%3E%0A
     
@@ -522,30 +522,17 @@
    %7B
+con
 te
-x
+n
 t%7D%0A
-        %3C/span%3E%0A
     

Use CircularProgress to indicate saving