aboutsummaryrefslogtreecommitdiff
path: root/src/routes/+layout.svelte
blob: 07c5435a3efebc13284635fc910683f9c484f308 (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
<script>
	import { env } from '$env/dynamic/public';
	import { userIdentity as getUserIdentity } from '$lib/AniList/identity';
	import { onMount } from 'svelte';
	import { lastActivityDate } from '$lib/AniList/activity';
	import userIdentity from '../stores/userIdentity';

	export let data;

	let currentUserIdentity = { name: '...', id: -1 };
	let lastActivityWasToday = true;

	onMount(async () => {
		if (data.user !== undefined) {
			if ($userIdentity === '') {
				userIdentity.set(JSON.stringify(await getUserIdentity(data.user)));
			}

			currentUserIdentity = JSON.parse($userIdentity);
			currentUserIdentity.name = currentUserIdentity.name;
			lastActivityWasToday =
				(await lastActivityDate(currentUserIdentity)).toDateString() === new Date().toDateString();
		}
	});
</script>

<p />

<h1><a href="/">期限</a></h1>

{#if data.user === undefined}
	<a
		href={`https://anilist.co/api/v2/oauth/authorize?client_id=${env.PUBLIC_ANILIST_CLIENT_ID}&redirect_uri=${env.PUBLIC_ANILIST_REDIRECT_URI}&response_type=code`}
		>Log in with AniList</a
	>
{:else}
	<a href="/authentication/log-out">Log out from AniList ({currentUserIdentity.name})</a>
{/if}

{#if !lastActivityWasToday}
	<p />

	<p>You don't have any new activity statuses from the past day! Create one to keep your streak!</p>
{/if}

<p />

<hr />

<slot />