diff --git a/src/components/AlbumBox.astro b/src/components/AlbumBox.astro index 79b04fc..dd9c565 100644 --- a/src/components/AlbumBox.astro +++ b/src/components/AlbumBox.astro @@ -11,12 +11,12 @@ const { title, href, image, loading = false } = props { loading ? (
-
+
) : ( ) } @@ -39,7 +39,7 @@ const { title, href, image, loading = false } = props
) : ( -
{title}
+
{title}
) } diff --git a/src/pages/album/[id].astro b/src/pages/album/[id].astro index 26b7e8d..aa3ddf8 100644 --- a/src/pages/album/[id].astro +++ b/src/pages/album/[id].astro @@ -47,292 +47,305 @@ const { currentLocale } = Astro -
-
-
-
- {`${album?.title} -
-
-
-
-
{album?.title}
- {album?.subTitle ?
{album?.subTitle}
: null} - - - { - album?.releaseDate ? ( - - - - - ) : null - } - - { - (album?.artistList.length ?? 0) > 0 && ( - - - - - ) - } - - - - - - { - album?.label && ( - - - - - ) - } - { - (album?.platformList.length ?? 0) > 0 && ( - - - - - ) - } - { - (album?.gameList.length ?? 0) > 0 && ( - - - - - ) - } - { - (album?.animList.length ?? 0) > 0 && ( - - - - - ) - } - - - - - - -
{m.releaseDate()} - {new Intl.DateTimeFormat(currentLocale, { dateStyle: 'medium' }).format(album?.releaseDate)} -
{m.artists()}{album?.artistList.map(({ artist }) => artist.name).join(', ')}
{m.classification()} - { - [ - album?.categoryList.map(({ categoryName }) => (m as any)[`${categoryName}Osts`]()).join(' & '), - album?.classificationList.map(({ classificationName }) => classificationName).join(', ') - ] - .filter((f) => f !== '') - .join(' - ') - } -
{m.publishedBy()} - - {album?.label} - -
{m.platforms()} - {album?.platformList.map(({ platform }, i) => ( - - {id === '29' ? ( - - {platform.name} - - ) : ( - - {platform.name} - - )} - {i !== album?.platformList.length - 1 && ', '} - - ))} -
{m.games()} - {album?.gameList.map(({ game }, i) => ( - - - {game.name} - - {i !== album?.gameList.length - 1 && ', '} - - ))} -
{m.animations()} - {album?.animList.map(({ animation }, i) => ( - - - {animation.title} - - {i !== album?.animList.length - 1 && ', '} - - ))} -
{m.avgRating()} - -
- -
-
-
-
-
-
-

- {m.tracklist()} -

- -
- -
-
-
- { - album?.vgmdb && ( -
- {m.checkVGMDB()}: - - {'VGMdb'} - +
+
+
+
+
+
+ {`${album?.title}
- ) - } - { - (album?.stores.length ?? 0) > 0 && ( -
-
-

{m.buyOriginal()}

-
-
- {album?.stores.map(({ url, provider }, i) => ( - - {provider} - - ))} -
+
+
+
+
{album?.title}
+
+ {album?.subTitle ?
{album?.subTitle}
: null}
-
- ) - } -
-
- { - album?.downloads?.map((download) => { - const { links, title } = download + + + { + album?.releaseDate ? ( + + + + + ) : null + } - return ( -
-

{title}

- {links.map((link) => { - const { id: linkId, url, url2, provider, directUrl } = link - - return ( - -
-
- -
- {url2 && ( - - {m.flyInc()} - - )} - {url ? ( - - {m.ouoIO()} - - ) : null} - {directUrl ? ( - - {m.direct()} - - ) : null} -
- + { + (album?.artistList.length ?? 0) > 0 && ( +
+ + + ) - })} -
+ } + + + + + + { + album?.label && ( + + + + + ) + } + { + (album?.platformList.length ?? 0) > 0 && ( + + + + + ) + } + { + (album?.gameList.length ?? 0) > 0 && ( + + + + + ) + } + { + (album?.animList.length ?? 0) > 0 && ( + + + + + ) + } + + + + + + +
{m.releaseDate()} + {new Intl.DateTimeFormat(currentLocale, { dateStyle: 'medium' }).format(album?.releaseDate)} +
{m.artists()}{album?.artistList.map(({ artist }) => artist.name).join(', ')}
{m.classification()} + { + [ + album?.categoryList + .map(({ categoryName }) => (m as any)[`${categoryName}Osts`]()) + .join(' & '), + album?.classificationList.map(({ classificationName }) => classificationName).join(', ') + ] + .filter((f) => f !== '') + .join(' - ') + } +
{m.publishedBy()} + + {album?.label} + +
{m.platforms()} + {album?.platformList.map(({ platform }, i) => ( + + {id === '29' ? ( + + {platform.name} + + ) : ( + + {platform.name} + + )} + {i !== album?.platformList.length - 1 && ', '} + + ))} +
{m.games()} + {album?.gameList.map(({ game }, i) => ( + + + {game.name} + + {i !== album?.gameList.length - 1 && ', '} + + ))} +
{m.animations()} + {album?.animList.map(({ animation }, i) => ( + + + {animation.title} + + {i !== album?.animList.length - 1 && ', '} + + ))} +
{m.avgRating()} + +
+ +
+
+
+
+
+
+

+ {m.tracklist()} +

+ +
+ +
+
+
+ { + album?.vgmdb && ( +
+ {m.checkVGMDB()}: + + {'VGMdb'} +
) - }) - } -
- -
-
-

{m.donationCall()}

+ } + { + (album?.stores.length ?? 0) > 0 && ( +
+
+

{m.buyOriginal()}

+
+
+ {album?.stores.map(({ url, provider }, i) => ( + + {provider} + + ))} +
+
+
+ ) + } +
- {m.donationSteps()} - Discord + { + album?.downloads?.map((download) => { + const { links, title } = download + + return ( +
+

{title}

+ {links.map((link) => { + const { id: linkId, url, url2, provider, directUrl } = link + + return ( + +
+
+ {provider} +
+ {url2 && ( + + {m.flyInc()} + + )} + {url ? ( + + {m.ouoIO()} + + ) : null} + {directUrl ? ( + + {m.direct()} + + ) : null} +
+ + ) + })} +
+
+ ) + }) + }
-
-
- - Support me on Ko-fi - + +
+
+

{m.donationCall()}

+
+ {m.donationSteps()} + Discord +
+
+
+ + Support me on Ko-fi + +
+
+
+
+
+ {m.brokenLinkContact()} + + Join our Discord! + +
+
+ {m.mediafirePermission()} + + {m.mediafirePermissionGuide()} + +
+
+
-
-
-
- {m.brokenLinkContact()} - - Join our Discord! - -
-
- {m.mediafirePermission()} - - {m.mediafirePermissionGuide()} - + +
+ {m.relatedAlbums()} +
+
+
+ { + album?.relatedAlbumList.map(({ relatedAlbum }) => ( + + )) + }
-
-
-
- -
- {m.relatedAlbums()} -
-
-
- { - album?.relatedAlbumList.map(({ relatedAlbum }) => ( - - )) - }