diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-09-25 18:54:02 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-09-25 18:54:02 +0500 |
commit | 3cf729dcaa27bb98c8eae963a86f5a79fa0b20be (patch) | |
tree | 82cfacc0e61fa7a55df7ea01dad7f78746056a4c /web/react/components/post_info.jsx | |
parent | 7964150cb20bd8786db018a6639b6d092a01e1f7 (diff) | |
download | chat-3cf729dcaa27bb98c8eae963a86f5a79fa0b20be.tar.gz chat-3cf729dcaa27bb98c8eae963a86f5a79fa0b20be.tar.bz2 chat-3cf729dcaa27bb98c8eae963a86f5a79fa0b20be.zip |
Using react tooltip for timestamp in center channel instead of normal bootstrap
Diffstat (limited to 'web/react/components/post_info.jsx')
-rw-r--r-- | web/react/components/post_info.jsx | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/web/react/components/post_info.jsx b/web/react/components/post_info.jsx index 8ad2336fb..824e7ef39 100644 --- a/web/react/components/post_info.jsx +++ b/web/react/components/post_info.jsx @@ -5,6 +5,8 @@ var UserStore = require('../stores/user_store.jsx'); var utils = require('../utils/utils.jsx'); var Constants = require('../utils/constants.jsx'); +var Tooltip = ReactBootstrap.Tooltip; +var OverlayTrigger = ReactBootstrap.OverlayTrigger; export default class PostInfo extends React.Component { constructor(props) { @@ -148,17 +150,19 @@ export default class PostInfo extends React.Component { var dropdown = this.createDropdown(); + let tooltip = <Tooltip>{utils.displayDate(post.create_at)} at ${utils.displayTime(post.create_at)}</Tooltip>; + return ( <ul className='post-header post-info'> <li className='post-header-col'> - <time - className='post-profile-time' - data-toggle='tooltip' - title={`${utils.displayDate(post.create_at)} at ${utils.displayTime(post.create_at)}`} - data-placement='top' + <OverlayTrigger + placement='top' + overlay={tooltip} > - {utils.displayDateTime(post.create_at)} - </time> + <time className='post-profile-time'> + {utils.displayDateTime(post.create_at)} + </time> + </OverlayTrigger> </li> <li className='post-header-col post-header__reply'> <div className='dropdown'> |