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 const avatarRec = await pb
.collection("images") .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 socials = await pb.collection("socials").getFullList();
const config = { const config = {
icon, // icon,
socials, socials,
title: import.meta.env.PUBLIC_TITLE, title: import.meta.env.PUBLIC_TITLE,
description: import.meta.env.PUBLIC_DESCRIPTION, description: import.meta.env.PUBLIC_DESCRIPTION,
@ -70,10 +70,11 @@ const config = {
<style> <style>
img.icon { img.icon {
width: 10rem; width: 10rem;
height: 10rem;
margin: 0 auto; margin: 0 auto;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
border-radius: 100%; border-radius: 50%;
} }
</style> </style>
</aside> </aside>

View file

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

View file

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

View file

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

View file

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