WHAT IF NOTHING IS SET????

This commit is contained in:
Lio 2024-07-25 20:44:39 +02:00
parent 5bd12cbe9f
commit 37bbaf262e
5 changed files with 22 additions and 19 deletions

View file

@ -5,13 +5,13 @@ import pb from "../lib/pb";
const avatarRec = await pb
.collection("images")
.getFirstListItem("useAsAvatar=true");
.getFirstListItem("useAsAvatar=true").catch(() => null);
const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
const icon = avatarRec ? await pb.files.getUrl(avatarRec, avatarRec.file, { thumb: avatarRec.thumb }) : null;
const socials = await pb.collection("socials").getFullList();
const config = {
icon,
// icon,
socials,
title: import.meta.env.PUBLIC_TITLE,
description: import.meta.env.PUBLIC_DESCRIPTION,
@ -70,10 +70,11 @@ const config = {
<style>
img.icon {
width: 10rem;
height: 10rem;
margin: 0 auto;
object-fit: cover;
object-position: center;
border-radius: 100%;
border-radius: 50%;
}
</style>
</aside>

View file

@ -5,9 +5,8 @@ import pb from "../lib/pb";
const avatarRec = await pb
.collection("images")
.getFirstListItem("useAsAvatar=true");
const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
.getFirstListItem("useAsAvatar=true").catch(() => null);
const icon = avatarRec ? await pb.files.getUrl(avatarRec, avatarRec.file) : null;
const socials = await pb.collection("socials").getFullList();
const config = {
@ -21,7 +20,7 @@ const config = {
<aside>
<div class="p-4">
<a href="/">
{
<!-- {
config.icon && (
<Image
class={"icon"}
@ -31,7 +30,7 @@ const config = {
height={50}
/>
)
}
} -->
<h1 class="font-bold text-2xl pt-4">{config.title}</h1></a
>
<p class="pt-4">{config.description}</p>

View file

@ -5,13 +5,15 @@ import pb from "../lib/pb";
const avatarRec = await pb
.collection("images")
.getFirstListItem("useAsAvatar=true");
.getFirstListItem("useAsAvatar=true").catch(() => null);
const backgroundRec = await pb
.collection("images")
.getFirstListItem("useAsBackground=true");
.getFirstListItem("useAsBackground=true").catch(() => null);
const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
console.log(avatarRec);
const icon = avatarRec ? await pb.files.getUrl(avatarRec, avatarRec.file) : null;
const background = backgroundRec ? await pb.files.getUrl(backgroundRec, backgroundRec.file) : null;
const socials = await pb.collection("socials").getFullList();
const config = {

View file

@ -7,13 +7,13 @@ export const prerender = false;
const avatarRec = await pb
.collection("images")
.getFirstListItem("useAsAvatar=true");
.getFirstListItem("useAsAvatar=true").catch(() => null);
const backgroundRec = await pb
.collection("images")
.getFirstListItem("useAsBackground=true");
.getFirstListItem("useAsBackground=true").catch(() => null);
const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
const icon = avatarRec ? await pb.files.getUrl(avatarRec, avatarRec.file) : null;
const background = backgroundRec ? await pb.files.getUrl(backgroundRec, backgroundRec.file) : null;
const socials = await pb.collection("socials").getFullList();
const config = {

View file

@ -1,8 +1,9 @@
---
import pb from "../lib/pb";
export const prerender = false
const backgroundRec = await pb.collection('images').getFirstListItem('useAsBackground=true');
const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
const backgroundRec = await pb.collection('images').getFirstListItem('useAsBackground=true').catch(() => null);
const background = backgroundRec ? await pb.files.getUrl(backgroundRec, backgroundRec.file) : null;
---
<!doctype html>