From 84ba9c37ba9c842bd38a03d6d99e6b7795df3648 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 25 Jan 2024 23:00:40 -0800
Subject: feat: landing page

---
 src/routes/completed/+page.svelte | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'src/routes/completed')

diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index 087b0974..9b20781f 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -10,6 +10,7 @@
 	import { createHeightObserver } from '$lib/Utility/html.js';
 	import Skeleton from '$lib/Skeleton.svelte';
 	import locale from '$stores/locale.js';
+	import Landing from '$lib/Landing.svelte';
 
 	export let data;
 
@@ -20,10 +21,14 @@
 
 <LastActivity user={data.user} />
 
-<div id="list-container">
-	{#if data.user === undefined}
-		Please log in to view due media.
-	{:else}
+{#if data.user === undefined}
+	<div class="card">Please log in to view completed media.</div>
+
+	<p />
+
+	<Landing />
+{:else}
+	<div id="list-container">
 		<details open={!$settings.displayAnimeCollapsed} class="list">
 			{#if $userIdentity.id != -1}
 				<WatchingAnimeList user={data.user} identity={$userIdentity} />
@@ -48,8 +53,8 @@
 				<Skeleton card={false} count={5} height="0.9rem" list />
 			{/if}
 		</details>
-	{/if}
-</div>
+	</div>
+{/if}
 
 <style>
 	#list-container {
-- 
cgit v1.2.3