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

	export let data;

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

	onMount(async () => {
		if (data.user !== undefined) {
			currentUserIdentity = await userIdentity(data.user);
			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 />