Show original created time tooltip (#462)

* Updating translations.

* Show created and modified times on tippy. Fixes #438
This commit is contained in:
Dessalines 2021-10-17 21:46:15 -04:00 committed by GitHub
parent cf69754cab
commit de4b407f71
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 7 deletions

@ -1 +1 @@
Subproject commit 2849552043b167dd7e803da9dcbbf02f450f550a
Subproject commit 0d6ef6791f9175fb98ec99598c724d83e8e0d4ef

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>
);
}