blob: bd0d6faee410610598ee7bda2d223eca66b31dab (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<script lang="ts">
import userIdentity from '$stores/userIdentity';
import { onMount } from 'svelte';
import {
userIdentity as getUserIdentity,
type AniListAuthorisation
} from '$lib/AniList/identity';
import { lastActivityDate } from './AniList/activity';
import settings from '$stores/settings';
export let user: AniListAuthorisation;
let currentUserIdentity = { name: '', id: -1 };
let lastActivityWasToday = true;
onMount(async () => {
if (user !== undefined) {
if ($userIdentity === '') {
userIdentity.set(JSON.stringify(await getUserIdentity(user)));
}
currentUserIdentity = JSON.parse($userIdentity);
currentUserIdentity.name = currentUserIdentity.name;
lastActivityWasToday =
(await lastActivityDate(currentUserIdentity, user)).date.toDateString() >=
new Date().toDateString();
if (!lastActivityWasToday) {
if ($settings.displayLimitListHeight) {
document.querySelectorAll('.list').forEach((list) => {
(list as HTMLElement).style.maxHeight = `calc((100vh - ${
document.querySelector('#list-container')?.getBoundingClientRect().top
}px) - 5rem)`;
});
}
}
}
});
const timeLeftToday = () => {
const now = new Date();
const currentHour = now.getHours();
const currentMinute = now.getMinutes();
const hoursLeft = 24 - currentHour;
let minutesLeft = 0;
let timeLeft = '';
if (hoursLeft > 0) {
minutesLeft = hoursLeft * 60 - currentMinute;
} else {
minutesLeft = 24 * 60 - (currentHour * 60 + currentMinute);
}
if (minutesLeft > 60) {
timeLeft = `${Math.round(minutesLeft / 60)} hours`;
} else {
timeLeft = `${minutesLeft} minutes`;
}
return timeLeft;
};
</script>
{#if !lastActivityWasToday}
<p>
You don't have any new activity statuses from the past day! Create one within {timeLeftToday()}
to keep your streak!
</p>
{/if}
|