112 lines
3.3 KiB
JavaScript
112 lines
3.3 KiB
JavaScript
|
import { siteConfig } from 'site/site.config.mjs'
|
||
|
|
// List of authors
|
||
|
|
import { authors as allAuthors } from 'config/authors.mjs'
|
||
|
|
import { docUpdates } from 'site/prebuild/doc-updates.mjs'
|
||
|
|
// Components
|
||
|
|
import { PageLink } from 'shared/components/page-link.mjs'
|
||
|
|
import { DateTime, Interval } from 'luxon'
|
||
|
|
// Context
|
||
|
|
import { useContext } from 'react'
|
||
|
|
// Hooks
|
||
|
|
import { useTranslation } from 'next-i18next'
|
||
|
|
import { EditIcon, RightIcon } from 'shared/components/icons.mjs'
|
||
|
|
|
||
|
|
export const TimeAgo = ({ date, t }) => {
|
||
|
|
const i = Interval.fromDateTimes(DateTime.fromISO(date), DateTime.now())
|
||
|
|
.toDuration(['hours', 'days', 'months', 'years'])
|
||
|
|
.toObject()
|
||
|
|
let ago = ''
|
||
|
|
if (i.years < 1 && i.months < 1) {
|
||
|
|
if (Math.floor(i.days) === 1) ago += `${t('oneDay')}`
|
||
|
|
else if (Math.floor(i.days) === 0) ago += `${t('lessThanADay')}`
|
||
|
|
} else {
|
||
|
|
if (i.years === 1) ago += `${i.years} ${t('year')}, `
|
||
|
|
else if (i.years > 1) ago += `${i.years} ${t('years')}, `
|
||
|
|
if (i.months === 1) ago += `${i.months} ${t('month')}`
|
||
|
|
else if (i.months > 1) ago += `${i.months} ${t('months')}`
|
||
|
|
}
|
||
|
|
|
||
|
|
return `${ago} ${t('ago')}`
|
||
|
|
}
|
||
|
|
|
||
|
|
const PersonList = ({ list }) => (
|
||
|
|
<ul>
|
||
|
|
{list.map((id, i) => (
|
||
|
|
<li key={id}>
|
||
|
|
{allAuthors[id] ? (
|
||
|
|
<PageLink href={`/users/${allAuthors[id].id}`} txt={allAuthors[id].name} />
|
||
|
|
) : (
|
||
|
|
<span className="font-medium">{id}</span>
|
||
|
|
)}
|
||
|
|
</li>
|
||
|
|
))}
|
||
|
|
</ul>
|
||
|
|
)
|
||
|
|
|
||
|
|
const CreditsList = ({ updates, frontmatter, locale, t }) => (
|
||
|
|
<ul className="list list-inside list-disc">
|
||
|
|
{updates.a.length > 0 ? (
|
||
|
|
<li className="list-none">
|
||
|
|
<b>{t('authors')}:</b>
|
||
|
|
<PersonList list={updates.a} />
|
||
|
|
</li>
|
||
|
|
) : null}
|
||
|
|
|
||
|
|
{frontmatter.maintainers && frontmatter.maintainers.length > 0 ? (
|
||
|
|
<li className="list-none mt-2">
|
||
|
|
<b>{t('maintainers')}:</b>
|
||
|
|
<PersonList list={updates.a} />
|
||
|
|
</li>
|
||
|
|
) : null}
|
||
|
|
{locale !== 'en' && (
|
||
|
|
<li className="list-none mt-2">
|
||
|
|
<b className="pr-2">{t('translators')}:</b>
|
||
|
|
<a href={`https://next.freesewing.org/translation`} className="font-medium">
|
||
|
|
{t('learnMore')}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
)}
|
||
|
|
<li className="list-none mt-2">
|
||
|
|
<b className="pr-2">{t('lastUpdated')}:</b> <TimeAgo date={updates.u} t={t} />
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
)
|
||
|
|
|
||
|
|
export const MdxMetaData = ({ frontmatter, locale, slug }) => {
|
||
|
|
const { t } = useTranslation('docs')
|
||
|
|
|
||
|
|
const updates = docUpdates[slug] || {}
|
||
|
|
frontmatter.maintainers = ['joostdecock']
|
||
|
|
locale = 'fr'
|
||
|
|
|
||
|
|
/*
|
||
|
|
* FIXME
|
||
|
|
*
|
||
|
|
* The link to the translator status pages on this page links to
|
||
|
|
* next.freesewing.org because this content is not available on the current
|
||
|
|
* freesewing.org.
|
||
|
|
*/
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="hidden lg:block mb-4">
|
||
|
|
<a
|
||
|
|
href={`https://github.dev/freesewing/freesewing/blob/develop/markdown/${siteConfig.tld}/${slug}/en.md`}
|
||
|
|
className="btn btn-secondary flex flex-row justify-between items-center w-full px-4"
|
||
|
|
>
|
||
|
|
<EditIcon />
|
||
|
|
<span>{t('editThisPage')}</span>
|
||
|
|
</a>
|
||
|
|
<div
|
||
|
|
className={`
|
||
|
|
mdx mdx-toc text-base-content text-base
|
||
|
|
sticky top-16 max-h-screen overflow-y-auto
|
||
|
|
border-2 bg-base-200 bg-opacity-30 p-4 rounded-lg border-base-200
|
||
|
|
`}
|
||
|
|
>
|
||
|
|
<h4>{t('contentsBy')}</h4>
|
||
|
|
<CreditsList {...{ updates, frontmatter, t, locale }} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|