jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support to Locale Date String

Browse Source
This commit is contained in:
Antonio Manuel Perez Lopez
2021-02-25 00:04:02 +01:00
parent d4adde7dbc
commit d43b3b4347
6 changed files with 12441 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/ListLayout.js
View File

@ -1,9 +1,9 @@
import { useState } from 'react'
import tinytime from 'tinytime'
import Link from '@/components/Link'
import Tag from '@/components/Tag'
import siteMetdata from '@/data/siteMetadata'
import { useState } from 'react'
const postDateTemplate = tinytime('{MMMM} {DD}, {YYYY}')
const postDateTemplate = { year: 'numeric', month: 'long', day: 'numeric' }
export default function ListLayout({ posts, title }) {
const [searchValue, setSearchValue] = useState('')
@ -53,7 +53,9 @@ export default function ListLayout({ posts, title }) {
<dl>
<dt className="sr-only">Published on</dt>
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
<time dateTime={date}>{postDateTemplate.render(new Date(date))}</time>
<time dateTime={date}>
{new Date(date).toLocaleDateString(siteMetdata.locale, postDateTemplate)}
</time>
</dd>
</dl>
<div className="space-y-3 xl:col-span-3">

10
layouts/PostLayout.js
View File

@ -1,8 +1,6 @@
import tinytime from 'tinytime'
import Link from '@/components/Link'
import SectionContainer from '@/components/SectionContainer'
import PageTitle from '@/components/PageTitle'
import SectionContainer from '@/components/SectionContainer'
import { BlogSeo } from '@/components/SEO'
import Tag from '@/components/Tag'
import siteMetdata from '@/data/siteMetadata'
@ -11,7 +9,7 @@ const editUrl = (fileName) => `${siteMetdata.siteRepo}/blob/master/data/blog/${f
const discussUrl = (slug) =>
`https://mobile.twitter.com/search?q=${encodeURIComponent(`${siteMetdata.siteUrl}/blog/${slug}`)}`
const postDateTemplate = tinytime('{dddd}, {MMMM} {DD}, {YYYY}')
const postDateTemplate = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
export default function PostLayout({ children, frontMatter, next, prev }) {
const { slug, fileName, date, title, tags } = frontMatter
@ -27,7 +25,9 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
<div>
<dt className="sr-only">Published on</dt>
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
<time dateTime={date}>{postDateTemplate.render(new Date(date))}</time>
<time dateTime={date}>
{new Date(date).toLocaleDateString(siteMetdata.locale, postDateTemplate)}
</time>
</dd>
</div>
</dl>