ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reestructure Highlight component

Browse source
This commit is contained in:
Jorge Vargas 2025-02-16 12:06:48 -06:00
parent eb483b3323
commit c17d1523a9
4 changed files with 33 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Sidebar.astro
View file

@ -6,9 +6,10 @@ import discord from 'img/socials/discord.png'
import kofi from 'img/socials/ko-fi-donate-button.png' import kofi from 'img/socials/ko-fi-donate-button.png'
import yt from 'img/socials/yt.png' import yt from 'img/socials/yt.png'
import twitter from 'img/socials/twitter.png' import twitter from 'img/socials/twitter.png'
import SidebarSection from './sidebar/SidebarSection.astro'
import SidebarSection from './sidebar/SidebarSection.astro'
import Highlight from './sidebar/Highlight.astro' import Highlight from './sidebar/Highlight.astro'
import AlbumBox from './AlbumBox.astro'
const listClass = const listClass =
'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline' 'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline'
@ -40,6 +41,11 @@ const listClass =
</a> </a>
</div> </div>
</SidebarSection> </SidebarSection>
<Highlight /> <Highlight server:defer>
<SidebarSection slot='fallback'>
<div class='uppercase text-center text-2xl/6 font-semibold'>{m.highlightAlbum()}</div>
<AlbumBox loading />
</SidebarSection>
</Highlight>
</div> </div>
</div> </div>

30
src/components/sidebar/Highlight.astro
View file

@ -1,8 +1,28 @@
--- ---
import Content from './highlight/content.astro' import prismaClient from 'utils/prisma-client'
import Loading from './highlight/loading.astro' import * as m from 'paraglide/messages.js'
import AlbumBox from 'components/AlbumBox.astro'
import SidebarSection from './SidebarSection.astro'
const highlightConfig = await prismaClient.config.findUnique({
where: { name: 'highlight' },
select: { value: true }
})
const album = highlightConfig?.value
? await prismaClient.albums.findUnique({
where: { id: parseInt(highlightConfig.value) },
select: { title: true, id: true }
})
: null
--- ---
<Content server:defer> {
<Loading slot='fallback' /> album ? (
</Content> <SidebarSection>
<div class='uppercase text-center text-2xl/6 font-semibold'>{m.highlightAlbum()}</div>
<AlbumBox href={`/album/${album.id}`} title={album.title ?? 'Unknown Title'} image={`/album/${album.id}.png`} />
</SidebarSection>
) : null
}

28
src/components/sidebar/highlight/content.astro
View file

@ -1,28 +0,0 @@
---
import prismaClient from 'utils/prisma-client'
import * as m from 'paraglide/messages.js'
import AlbumBox from 'components/AlbumBox.astro'
import SidebarSection from '../SidebarSection.astro'
const highlightConfig = await prismaClient.config.findUnique({
where: { name: 'highlight' },
select: { value: true }
})
const album = highlightConfig?.value
? await prismaClient.albums.findUnique({
where: { id: parseInt(highlightConfig.value) },
select: { title: true, id: true }
})
: null
---
{
album ? (
<SidebarSection>
<div class='uppercase text-center text-2xl/6 font-semibold'>{m.highlightAlbum()}</div>
<AlbumBox href={`/album/${album.id}`} title={album.title ?? 'Unknown Title'} image={`/album/${album.id}.png`} />
</SidebarSection>
) : null
}

11
src/components/sidebar/highlight/loading.astro
View file

@ -1,11 +0,0 @@
---
import * as m from 'paraglide/messages.js'
import AlbumBox from 'components/AlbumBox.astro'
import SidebarSection from '../SidebarSection.astro'
---
<SidebarSection>
<div class='uppercase text-center text-2xl/6 font-semibold'>{m.highlightAlbum()}</div>
<AlbumBox loading />
</SidebarSection>