28 lines
604 B
Svelte
28 lines
604 B
Svelte
<script lang="ts">
|
|
import { startCount, volumeStats } from '$lib/settings';
|
|
|
|
export let count: number | undefined;
|
|
export let volumeId: string;
|
|
|
|
$: active = Boolean(count);
|
|
|
|
function onClick() {
|
|
if (count) {
|
|
clearInterval(count);
|
|
count = undefined;
|
|
} else {
|
|
count = startCount(volumeId);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<button
|
|
class:text-primary-700={!active}
|
|
class="mix-blend-difference z-10 fixed opacity-50 right-20 top-5 p-10 m-[-2.5rem]"
|
|
on:click={onClick}
|
|
>
|
|
<p>
|
|
{active ? 'Active' : 'Paused'} | Minutes read: {$volumeStats?.timeReadInMinutes}
|
|
</p>
|
|
</button>
|