Format a bit and remove console logs.

This commit is contained in:
Bradley Shellnut 2022-08-01 23:26:57 -07:00
parent d1089a36cb
commit 4036071bce
3 changed files with 21 additions and 28 deletions

View file

@ -13,6 +13,7 @@ export const POST: RequestHandler = async ({ request }) => {
}; };
const id = form.get('id'); const id = form.get('id');
const ids = form.get('ids');
const minAge = form.get('minAge'); const minAge = form.get('minAge');
const minPlayers = form.get('minPlayers'); const minPlayers = form.get('minPlayers');
const maxPlayers = form.get('maxPlayers'); const maxPlayers = form.get('maxPlayers');
@ -21,22 +22,6 @@ export const POST: RequestHandler = async ({ request }) => {
const exactMaxPlayers = form.get('exactMaxPlayers') || false; const exactMaxPlayers = form.get('exactMaxPlayers') || false;
const random = form.get('random') === 'on' || false; const random = form.get('random') === 'on' || false;
console.log("form.get('minAge')", form.get('minAge'));
console.log("form.get('minPlayers')", form.get('minPlayers'));
console.log("form.get('maxPlayers')", form.get('maxPlayers'));
console.log("form.get('exactMinAge')", form.get('exactMinAge'));
console.log("form.get('exactMinPlayers')", form.get('exactMinPlayers'));
console.log("form.get('exactMaxPlayers')", form.get('exactMaxPlayers'));
console.log("form.get('random')", form.get('random'));
console.log('minAge', minAge);
console.log('minPlayers', minPlayers);
console.log('maxPlayers', maxPlayers);
console.log('exactMinAge', exactMinAge);
console.log('exactMinPlayers', exactMinPlayers);
console.log('exactMaxPlayers', exactMaxPlayers);
console.log('random', random);
if (minAge) { if (minAge) {
if (exactMinAge) { if (exactMinAge) {
queryParams.min_age = +minAge; queryParams.min_age = +minAge;
@ -65,21 +50,23 @@ export const POST: RequestHandler = async ({ request }) => {
queryParams.ids = new Array(`${id}`); queryParams.ids = new Array(`${id}`);
} }
if (ids) {
// TODO: Pass in ids array from localstorage / game store
queryParams.ids = new Array(ids);
}
queryParams.random = random; queryParams.random = random;
console.log('queryParams', queryParams); console.log('queryParams', queryParams);
const newQueryParams = {}; const newQueryParams: Record<string, string> = {};
for (const key in queryParams) { for (const key in queryParams) {
console.log('key', key); newQueryParams[key] = `${queryParams[key as keyof typeof queryParams]}`;
console.log('queryParams[key]', queryParams[key]);
newQueryParams[key] = `${queryParams[key]}`;
} }
const urlQueryParams = new URLSearchParams(newQueryParams); const urlQueryParams = new URLSearchParams(newQueryParams);
const url = `https://api.boardgameatlas.com/api/search${ const url = `https://api.boardgameatlas.com/api/search${urlQueryParams ? `?${urlQueryParams}` : ''
urlQueryParams ? `?${urlQueryParams}` : '' }`;
}`;
const response = await fetch(url, { const response = await fetch(url, {
method: 'get', method: 'get',
headers: { headers: {

View file

@ -23,11 +23,13 @@
</div> </div>
</div> </div>
<h1>Games</h1>
<div class="games"> <div class="games">
{#each $gameStore as game} <h1>Games</h1>
<Game {game} /> <div class="games-list">
{/each} {#each $gameStore as game}
<Game {game} />
{/each}
</div>
</div> </div>
<style lang="scss"> <style lang="scss">
@ -67,6 +69,10 @@
} }
.games { .games {
margin-top: 2rem;
}
.games-list {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 2rem; gap: 2rem;