From d111482708f924708282263b373fdd2dcf4c8694 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 27 Jun 2023 16:41:45 -0700
Subject: [PATCH] Showing different content based on logged in status. Probably
 not the best way.

---
 src/routes/game/[id]/+page.server.ts |  41 ++++-------
 src/routes/game/[id]/+page.svelte    | 104 ++++++++++++++-------------
 src/routes/search/+page.server.ts    |   9 ++-
 3 files changed, 75 insertions(+), 79 deletions(-)

diff --git a/src/routes/game/[id]/+page.server.ts b/src/routes/game/[id]/+page.server.ts
index fbd5ed8..1f4834c 100644
--- a/src/routes/game/[id]/+page.server.ts
+++ b/src/routes/game/[id]/+page.server.ts
@@ -1,35 +1,24 @@
 import { error } from '@sveltejs/kit';
+import prisma from '$lib/prisma.js';
 import { boardGameApi } from '../../api';
 
-export const load = async ({ params, setHeaders }) => {
-	const queryParams = {
-		ids: `${params?.id}`,
-		fields:
-			'id,name,price,min_age,min_players,max_players,thumb_url,playtime,min_playtime,max_playtime,min_age,description,year_published,url,image_url'
-	};
-
-	const response = await boardGameApi('get', `search`, queryParams);
-
-	if (response.status === 200) {
-		const gameResponse = await response.json();
-
-		setHeaders({
-			'Cache-Control': 'max-age=3600'
+export const load = async ({ params, setHeaders, locals }) => {
+	try {
+		const { user } = locals;
+		const { id } = params;
+		const game = await prisma.game.findUnique({
+			where: {
+				id
+			}
 		});
-
-		const game = gameResponse?.games[0];
-		if (game.min_players) {
-			game.players = `${game.min_players}-${game.max_players}`;
-		}
-
-		if (game.min_playtime) {
-			game.playtime = `${game.min_playtime}-${game.max_playtime}`;
-		}
-
+		console.log('found game', game);
 		return {
-			game
+			game,
+			user
 		};
+	} catch (error) {
+		console.log(error);
 	}
 
-	throw error(response.status, 'not found');
+	throw error(404, 'not found');
 };
diff --git a/src/routes/game/[id]/+page.svelte b/src/routes/game/[id]/+page.svelte
index 08906ae..6d4b9a5 100644
--- a/src/routes/game/[id]/+page.svelte
+++ b/src/routes/game/[id]/+page.svelte
@@ -32,16 +32,19 @@
 	$: wishlistText = existsInWishlist ? 'Remove from wishlist' : 'Add to wishlist';
 
 	export let data: PageData;
-	let game: GameType;
-	$: ({ game } = data);
+	console.log('data', data);
+	// let game: GameType;
+	$: ({ game, user } = data);
+	// let game = data?.game;
 	// export let game: GameType = data?.game;
 	let seeMore: boolean = false;
-	let firstParagraphEnd = 0;
-	if (game?.description?.indexOf('</p>') > 0) {
-		firstParagraphEnd = game?.description?.indexOf('</p>') + 4;
-	} else if (game?.description?.indexOf('</ p>') > 0) {
-		firstParagraphEnd = game?.description?.indexOf('</ p>') + 5;
-	}
+	console.log('game', game);
+	// let firstParagraphEnd = 0;
+	// if (game?.description?.indexOf('</p>') > 0) {
+	// 	firstParagraphEnd = game?.description?.indexOf('</p>') + 4;
+	// } else if (game?.description?.indexOf('</ p>') > 0) {
+	// 	firstParagraphEnd = game?.description?.indexOf('</ p>') + 5;
+	// }
 
 	function onCollectionClick() {
 		if (existsInCollection) {
@@ -100,8 +103,8 @@
 			{#if game?.year_published}
 				<p>Year: {game?.year_published}</p>
 			{/if}
-			{#if game?.players}
-				<p>Players: {game.players}</p>
+			{#if game?.min_players && game?.max_players}
+				<p>Players: {game.min_players} - {game.max_players}</p>
 			{/if}
 			{#if game?.playtime}
 				<p>Playtime: {game.playtime} minutes</p>
@@ -109,54 +112,55 @@
 			{#if game?.min_age}
 				<p>Minimum Age: {game.min_age}</p>
 			{/if}
-			{#if +game?.price !== 0.0}
-				<p>Price: ${game?.price}</p>
-			{/if}
 			<LinkWithIcon external ariaLabel={`Board Game Atlas Link for ${game.name}`} url={game.url}>
 				Board Game Atlas <ExternalLinkIcon width="24" height="24" />
 			</LinkWithIcon>
 		</div>
-		<div style="display: grid; gap: 1.5rem; place-content: center;">
-		<Button size="md" kind={existsInCollection ? 'danger' : 'primary'} icon on:click={onCollectionClick}>
-			{collectionText}
-			{#if existsInCollection}
-				<iconify-icon icon={minusCircle} width="24" height="24" />
-			{:else}
-				<iconify-icon icon={plusCircle} width="24" height="24" />
-			{/if}
-		</Button>
-		<Button size="md" kind={existsInWishlist ? 'danger' : 'primary'} icon on:click={onWishlistClick}>
-			{wishlistText}
-			{#if existsInWishlist}
-				<iconify-icon icon={minusCircle} width="24" height="24" />
-			{:else}
-				<iconify-icon icon={plusCircle} width="24" height="24" />
-			{/if}
-		</Button>
-		</div>
+		{#if user?.username}
+			<div style="display: grid; gap: 1.5rem; place-content: center;">
+				<Button size="md" kind={existsInCollection ? 'danger' : 'primary'} icon on:click={onCollectionClick}>
+					{collectionText}
+					{#if existsInCollection}
+						<iconify-icon icon={minusCircle} width="24" height="24" />
+					{:else}
+						<iconify-icon icon={plusCircle} width="24" height="24" />
+					{/if}
+				</Button>
+				<Button size="md" kind={existsInWishlist ? 'danger' : 'primary'} icon on:click={onWishlistClick}>
+					{wishlistText}
+					{#if existsInWishlist}
+						<iconify-icon icon={minusCircle} width="24" height="24" />
+					{:else}
+						<iconify-icon icon={plusCircle} width="24" height="24" />
+					{/if}
+				</Button>
+			</div>
+		{:else}
+			<span>
+				<a href="/auth/signup">Sign Up</a> or <a href="/auth/signin">Sign In</a> to collect this game
+			</span>
+		{/if}
 	</div>
 </section>
-{#if firstParagraphEnd > 0}
-	<section class="description" style="margin-top: 2rem;">
-		{@html game?.description?.substring(0, firstParagraphEnd)}
-	</section>
-	{#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
-		<section class="description">
-			{#if seeMore}
-				<div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
-					{@html game?.description?.substring(firstParagraphEnd + 1)}
-				</div>
-			{/if}
-			<button class="btn button-icon" type="button" on:click={() => (seeMore = !seeMore)}
-				>See
-				{#if !seeMore}
-					More <PlusIcon width="24" height="24" />
-				{:else}
-					Less <MinusIcon width="24" height="24" />
-				{/if}
-			</button>
+{#if game?.description_preview}
+	{#if !seeMore}
+		<section class="description" style="margin-top: 2rem;" in:fly={{ opacity: 0, x: 100 }} out:fly={{ opacity: 0, x: -100 }}>
+			{`${game?.description_preview.substring(0, 250)}...`}
 		</section>
 	{/if}
+	{#if seeMore}
+		<div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
+			{@html game?.description}
+		</div>
+	{/if}
+	<button class="btn button-icon" type="button" on:click={() => (seeMore = !seeMore)}
+		>See
+		{#if !seeMore}
+			More <PlusIcon width="24" height="24" />
+		{:else}
+			Less <MinusIcon width="24" height="24" />
+		{/if}
+	</button>
 {:else}
 	<section class="description">
 		<span>
diff --git a/src/routes/search/+page.server.ts b/src/routes/search/+page.server.ts
index c0e81cf..4255519 100644
--- a/src/routes/search/+page.server.ts
+++ b/src/routes/search/+page.server.ts
@@ -27,7 +27,7 @@ async function searchForGames(urlQueryParams: SearchQuery) {
 					lte: urlQueryParams?.max_playtime || 5000
 				},
 				min_age: {
-					gte: urlQueryParams?.min_age || 130
+					gte: urlQueryParams?.min_age || 0
 				}
 			},
 			skip: urlQueryParams?.skip,
@@ -79,7 +79,7 @@ async function searchForGames(urlQueryParams: SearchQuery) {
 		} else {
 			return {
 				totalCount: dbGames.length,
-				dbGames
+				games: dbGames
 			};
 		}
 	} catch (e) {
@@ -98,6 +98,8 @@ async function createOrUpdateGame(game: GameType) {
 	const mechanicIds = game.mechanics.map((mechanic) => ({
 		external_id: mechanic.id
 	}));
+	console.log('categoryIds', categoryIds);
+	console.log('mechanicIds', mechanicIds);
 	return await prisma.game.upsert({
 		where: {
 			external_id: game.id
@@ -154,7 +156,8 @@ async function createOrUpdateGame(game: GameType) {
 					},
 					create: {
 						external_id: game.primary_publisher.id,
-						name: game.primary_publisher.name
+						name: game.primary_publisher.name,
+						slug: kebabCase(game.primary_publisher.name)
 					}
 				}
 			},