v3.accords-library.com/src/components/InlineCredits.astro

37 lines
897 B
Plaintext

---
import type { EndpointCredit } from "src/shared/payload/payload-sdk";
import { getI18n } from "src/i18n/i18n";
import InlineMetadata from "./InlineMetadata.astro";
interface Props {
credits: EndpointCredit[];
}
const { credits } = Astro.props;
const { getLocalizedMatch } = await getI18n(Astro.locals.currentLocale);
---
{/* ------------------------------------------- HTML ------------------------------------------- */}
<div>
{
credits.map(({ recorders, role: { icon, translations } }) => (
<InlineMetadata
icon={icon}
title={getLocalizedMatch(translations).name}
values={recorders.map(({ username }) => ({ name: username }))}
/>
))
}
</div>
{/* ------------------------------------------- CSS -------------------------------------------- */}
<style>
div {
display: flex;
flex-direction: column;
gap: 0.5em;
}
</style>