diff options
author | Dessalines <tyhou13@gmx.com> | 2020-03-03 10:14:50 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-03-03 10:14:50 -0500 |
commit | b3b4b7977570edda224003efca5396c10363599d (patch) | |
tree | 4f60c3e531965b0d362bb84e51b83b4228ba9419 /ui/src/components/moment-time.tsx | |
parent | fe5bd0341a438a5e666e4abd2885b97a7813e49e (diff) |
More additions to icons.
- Adding edit and trash icons for sidebars
- Adding pencil edit instead of modified.
Diffstat (limited to 'ui/src/components/moment-time.tsx')
-rw-r--r-- | ui/src/components/moment-time.tsx | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/ui/src/components/moment-time.tsx b/ui/src/components/moment-time.tsx index a256f785..76e5fe28 100644 --- a/ui/src/components/moment-time.tsx +++ b/ui/src/components/moment-time.tsx @@ -1,6 +1,6 @@ import { Component } from 'inferno'; import moment from 'moment'; -import { getMomentLanguage, setupTippy } from '../utils'; +import { getMomentLanguage, setupTippy, capitalizeFirstLetter } from '../utils'; import { i18n } from '../i18next'; interface MomentTimeProps { @@ -28,10 +28,15 @@ export class MomentTime extends Component<MomentTimeProps, any> { if (this.props.data.updated) { return ( <span - data-tippy-content={this.format(this.props.data.updated)} + data-tippy-content={`${capitalizeFirstLetter( + i18n.t('modified') + )} ${this.format(this.props.data.updated)}`} className="font-italics pointer unselectable" > - {i18n.t('modified')} {moment.utc(this.props.data.updated).fromNow()} + <svg class="icon icon-inline mr-1"> + <use xlinkHref="#icon-edit-2"></use> + </svg> + {moment.utc(this.props.data.updated).fromNow()} </span> ); } else { |