fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-23 06:59:02 +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);
}
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() {
if (!this.props.ignoreUpdated && this.props.data.updated) {
return (
<span
data-tippy-content={`${capitalizeFirstLetter(
i18n.t("modified")
)} ${this.format(this.props.data.updated)}`}
data-tippy-content={this.createdAndModifiedTimes()}
data-tippy-allowHtml={true}
className="font-italics pointer unselectable"
>
<Icon icon="edit-2" classes="icon-inline mr-1" />
@ -37,13 +51,13 @@ export class MomentTime extends Component<MomentTimeProps, any> {
</span>
);
} else {
let str = this.props.data.published || this.props.data.when_;
let created = this.props.data.published || this.props.data.when_;
return (
<span
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>
);
}