mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

date formatter in a single file

Browse Source
This commit is contained in:
m5r
2021-08-30 23:19:33 +08:00
parent 5e0c2ae643
commit 4bc24f5395
7 changed files with 67 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/blog/components/date.tsx
View File

@ -1,10 +1,6 @@
const formatter = Intl.DateTimeFormat("en-US", {
day: "2-digit",
month: "short",
year: "numeric",
});
import { formatDate } from "../../core/helpers/date-formatter";
export default function DateComponent({ dateString }: any) {
const date = new Date(dateString);
return <time dateTime={dateString}>{formatter.format(date)}</time>;
return <time dateTime={dateString}>{formatDate(date)}</time>;
}

15
app/blog/components/more-stories.tsx
View File

@ -1,17 +1,14 @@
import { Link, Routes } from "blitz";
import PostPreview from "./post-preview";
import type { Post } from "../../../integrations/datocms";
import { formatDate } from "../../core/helpers/date-formatter";
import PostPreview from "./post-preview";
type Props = {
posts: Post[];
};
const formatter = Intl.DateTimeFormat("en-US", {
day: "2-digit",
month: "short",
year: "numeric",
});
export default function MoreStories({ posts }: Props) {
return (
<aside>
@ -46,9 +43,7 @@ export default function MoreStories({ posts }: Props) {
</h3>
</a>
</Link>
<div className="text-sm opacity-80">
{formatter.format(new Date(post.date))}
</div>
<div className="text-sm opacity-80">{formatDate(new Date(post.date))}</div>
</header>
<footer>
{/* Author meta */}

12
app/blog/pages/articles/[slug].tsx
View File

@ -1,9 +1,11 @@
import type { BlitzPage, GetStaticPaths, GetStaticProps } from "blitz";
import { Head, useRouter } from "blitz";
import { useRouter } from "blitz";
import ErrorPage from "next/error";
import type { Post } from "integrations/datocms";
import { getAllPostsWithSlug, getPostAndMorePosts, markdownToHtml } from "integrations/datocms";
import { formatDate } from "../../../core/helpers/date-formatter";
import Header from "../../../public-area/components/header";
import PostBody from "../../components/post-body";
import SectionSeparator from "../../components/section-separator";
@ -15,12 +17,6 @@ type Props = {
preview: boolean;
};
const formatter = Intl.DateTimeFormat("en-US", {
day: "2-digit",
month: "short",
year: "numeric",
});
const PostPage: BlitzPage<Props> = ({ post, morePosts, preview }) => {
const router = useRouter();
if (!router.isFallback && !post?.slug) {
@ -81,7 +77,7 @@ const PostPage: BlitzPage<Props> = ({ post, morePosts, preview }) => {
</a>
<span className="text-gray-600 dark:text-gray-400">
{" "}
· {formatter.format(new Date(post.date))}
· {formatDate(new Date(post.date))}
</span>
</div>
</div>