diff options
author | Dessalines <tyhou13@gmx.com> | 2020-03-08 14:29:17 -0400 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-03-08 14:29:17 -0400 |
commit | cf516fcc83e1214f5822680656832485abd01aff (patch) | |
tree | 0436de8f58e85451bd5c4c6d96776a66b97f4767 | |
parent | 2eb681413d03b4e29d93bec833e01bc9431a7c63 (diff) |
Show ago for user details. Fixes #586
-rw-r--r-- | ui/src/components/moment-time.tsx | 5 | ||||
-rw-r--r-- | ui/src/components/user.tsx | 4 |
2 files changed, 6 insertions, 3 deletions
diff --git a/ui/src/components/moment-time.tsx b/ui/src/components/moment-time.tsx index 24ab2d89..e3fa0de3 100644 --- a/ui/src/components/moment-time.tsx +++ b/ui/src/components/moment-time.tsx @@ -9,6 +9,7 @@ interface MomentTimeProps { when_?: string; updated?: string; }; + showAgo?: boolean; } export class MomentTime extends Component<MomentTimeProps, any> { @@ -32,7 +33,7 @@ export class MomentTime extends Component<MomentTimeProps, any> { <svg class="icon icon-inline mr-1"> <use xlinkHref="#icon-edit-2"></use> </svg> - {moment.utc(this.props.data.updated).fromNow(true)} + {moment.utc(this.props.data.updated).fromNow(!this.props.showAgo)} </span> ); } else { @@ -42,7 +43,7 @@ export class MomentTime extends Component<MomentTimeProps, any> { className="pointer unselectable" data-tippy-content={this.format(str)} > - {moment.utc(str).fromNow(true)} + {moment.utc(str).fromNow(!this.props.showAgo)} </span> ); } diff --git a/ui/src/components/user.tsx b/ui/src/components/user.tsx index e97d7b08..48285113 100644 --- a/ui/src/components/user.tsx +++ b/ui/src/components/user.tsx @@ -37,6 +37,7 @@ import { createCommentLikeRes, createPostLikeFindRes, commentsToFlatNodes, + setupTippy, } from '../utils'; import { PostListing } from './post-listing'; import { SortSelect } from './sort-select'; @@ -358,7 +359,7 @@ export class User extends Component<any, UserState> { </ul> </h5> <div> - {i18n.t('joined')} <MomentTime data={user} /> + {i18n.t('joined')} <MomentTime data={user} showAgo /> </div> <div class="table-responsive mt-1"> <table class="table table-bordered table-sm mt-2 mb-0"> @@ -1034,6 +1035,7 @@ export class User extends Component<any, UserState> { document.title = `/u/${this.state.user.name} - ${WebSocketService.Instance.site.name}`; window.scrollTo(0, 0); this.setState(this.state); + setupTippy(); } else if (res.op == UserOperation.EditComment) { let data = res.data as CommentResponse; editCommentRes(data, this.state.comments); |