 
   getPostButtonClassNames: -> classnames
     'FeedItem-postComment' : yes
-    'green'                : @state.hasValue
-    'hidden'               : not @state.focusOnInput and not @state.hasValue
+    'green'                : @props.hasValue
+    'hidden'               : not @state.focusOnInput and not @props.hasValue
 
 
   render: ->
 
     imAccount   = { id: whoami()._id, constructorName: 'JAccount'}
 
-    <div className='FeedItem-commentForm'>
+    <div className='CommentInputWidget'>
       <div className="MediaObject-media">
         <ProfileLinkContainer origin={imAccount}>
-          <Avatar className="FeedItem-Avatar" width={35} height={35} />
+          <Avatar width={35} height={35} />
         </ProfileLinkContainer>
       </div>
       <AutoSizeTextarea

kd = require 'kd'
React = require 'kd-react'
ReactDOM = require 'react-dom'
Link = require 'app/components/common/link'
whoami = require 'app/util/whoami'
AutoSizeTextarea     = require 'app/components/common/autosizetextarea'
Avatar               = require 'app/components/profile/avatar'
ProfileLinkContainer = require 'app/components/profile/profilelinkcontainer'
ActivityFlux         = require 'activity/flux'
classnames           = require 'classnames'

module.exports = class CommentInputWidget extends React.Component

        placeholder = 'Type your comment'
        onChange    = { @props.handleCommentInputChange }
        value       = { @props.commentValue }
        className   = 'CommentInputWidget-input'/>
      <button
        className={@getPostButtonClassNames()}
        onClick={ @props.postComment }>SEND</button>
