mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
Format a bit and remove console logs.
This commit is contained in:
parent
d1089a36cb
commit
4036071bce
3 changed files with 21 additions and 28 deletions
|
|
@ -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: {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue