WHAT IF NOTHING IS SET????
This commit is contained in:
parent
5bd12cbe9f
commit
37bbaf262e
5 changed files with 22 additions and 19 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 = {
|
||||
|
|
|
@ -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 = {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue