30f30af320
[ch2842] - Demo: https://next-blog-storyblok.now.sh/ - Preview Mode: https://next-blog-storyblok.now.sh/api/preview?secret=5nnybHTKlbzkOa6r&slug=draft-post-test
13 lines
433 B
JavaScript
13 lines
433 B
JavaScript
import { parseISO, format } from 'date-fns'
|
|
import { useEffect, useState } from 'react'
|
|
|
|
// dateString might be null for unpublished posts
|
|
export default function DateComponent({ dateString }) {
|
|
const [date, setDate] = useState(dateString ? parseISO(dateString) : null)
|
|
useEffect(() => {
|
|
if (!date) {
|
|
setDate(new Date())
|
|
}
|
|
}, [date])
|
|
return date && <time dateTime={date}>{format(date, 'LLLL d, yyyy')}</time>
|
|
}
|