fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-08 09:34:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show created and modified times on tippy. Fixes #438

Browse source
This commit is contained in:
Dessalines 2021-10-17 17:19:09 -04:00
parent 68430828e9
commit c9e128314d
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/shared/components/common/moment-time.tsx
View file

@ -23,13 +23,27 @@ export class MomentTime extends Component<MomentTimeProps, any> {
moment.locale(lang); moment.locale(lang);
} }
createdAndModifiedTimes() {
let created = this.props.data.published || this.props.data.when_;
return `
<div>
<div>
${capitalizeFirstLetter(i18n.t("created"))}: ${this.format(created)}
</div>
<div>
${capitalizeFirstLetter(i18n.t("modified"))} ${this.format(
this.props.data.updated
)}
</div>
</div>`;
}
render() { render() {
if (!this.props.ignoreUpdated && this.props.data.updated) { if (!this.props.ignoreUpdated && this.props.data.updated) {
return ( return (
<span <span
data-tippy-content={`${capitalizeFirstLetter( data-tippy-content={this.createdAndModifiedTimes()}
i18n.t("modified") data-tippy-allowHtml={true}
)} ${this.format(this.props.data.updated)}`}
className="font-italics pointer unselectable" className="font-italics pointer unselectable"
> >
<Icon icon="edit-2" classes="icon-inline mr-1" /> <Icon icon="edit-2" classes="icon-inline mr-1" />
@ -37,13 +51,13 @@ export class MomentTime extends Component<MomentTimeProps, any> {
</span> </span>
); );
} else { } else {
let str = this.props.data.published || this.props.data.when_; let created = this.props.data.published || this.props.data.when_;
return ( return (
<span <span
className="pointer unselectable" className="pointer unselectable"
data-tippy-content={this.format(str)} data-tippy-content={this.format(created)}
> >
{moment.utc(str).fromNow(!this.props.showAgo)} {moment.utc(created).fromNow(!this.props.showAgo)}
</span> </span>
); );
} }