diff --git a/addons/core/addon/components/relative-datetime-live/index.js b/addons/core/addon/components/relative-datetime-live/index.js index 7dcdade2f..ba4bc9e26 100644 --- a/addons/core/addon/components/relative-datetime-live/index.js +++ b/addons/core/addon/components/relative-datetime-live/index.js @@ -95,6 +95,9 @@ export default class RelativeDatetimeLiveComponent extends Component { * @type {string} */ get formatted() { - return this.intl.formatRelative(this.scaledDelta, { unit: this.unit }); + return this.intl.formatRelative(this.scaledDelta, { + unit: this.unit, + numeric: 'auto', + }); } } diff --git a/ui/desktop/app/components/toolbar-refresher/index.hbs b/ui/desktop/app/components/toolbar-refresher/index.hbs new file mode 100644 index 000000000..dc1f7784f --- /dev/null +++ b/ui/desktop/app/components/toolbar-refresher/index.hbs @@ -0,0 +1,9 @@ +{{#if this.lastRefreshed}} + + + +{{/if}} + + + {{t 'actions.refresh'}} + \ No newline at end of file diff --git a/ui/desktop/app/components/toolbar-refresher/index.js b/ui/desktop/app/components/toolbar-refresher/index.js new file mode 100644 index 000000000..df826a13b --- /dev/null +++ b/ui/desktop/app/components/toolbar-refresher/index.js @@ -0,0 +1,20 @@ +import Component from '@glimmer/component'; +import { tracked } from '@glimmer/tracking'; +import { action } from '@ember/object'; + +export default class ToolbarRefresherComponent extends Component { + // =properties + + @tracked lastRefreshed = null; + + // =methods + + /** + * Executes the click handler argument and trackes the time it completed. + */ + @action + async onClick() { + await this.args.onClick(); + this.lastRefreshed = new Date(); + } +} diff --git a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs index 409ff2955..46deaf6c1 100644 --- a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs +++ b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs @@ -112,9 +112,9 @@ >{{t 'actions.clear-all-filters'}} {{/if}} - - {{t 'actions.refresh'}} - + + + {{/if}}