mirror of
https://github.com/discourse/discourse-rewind.git
synced 2025-07-07 14:22:12 +00:00
UX: Simplify hours and minutes shown
This commit is contained in:
parent
68097b3120
commit
951a405c4c
@ -8,8 +8,14 @@ export default class ReadingTime extends Component {
|
|||||||
let leftOverMinutes = totalMinutes % 60;
|
let leftOverMinutes = totalMinutes % 60;
|
||||||
let totalHours = (totalMinutes - leftOverMinutes) / 60;
|
let totalHours = (totalMinutes - leftOverMinutes) / 60;
|
||||||
|
|
||||||
|
if (leftOverMinutes >= 35) {
|
||||||
|
totalHours += 1;
|
||||||
|
leftOverMinutes = 0;
|
||||||
|
return `${totalHours}h`;
|
||||||
|
} else {
|
||||||
return `${totalHours}h ${leftOverMinutes}m`;
|
return `${totalHours}h ${leftOverMinutes}m`;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
{{#if @report.data}}
|
{{#if @report.data}}
|
||||||
@ -34,6 +40,11 @@ export default class ReadingTime extends Component {
|
|||||||
src="/plugins/discourse-rewind/images/books/{{@report.data.isbn}}.jpg"
|
src="/plugins/discourse-rewind/images/books/{{@report.data.isbn}}.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
{{#if @report.data.series}}
|
||||||
|
<div class="book-series one"></div>
|
||||||
|
<div class="book-series two"></div>
|
||||||
|
<div class="book-series three"></div>
|
||||||
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user