diff --git a/app/p/[slug]/loading.tsx b/app/p/[slug]/loading.tsx new file mode 100644 index 0000000..223c753 --- /dev/null +++ b/app/p/[slug]/loading.tsx @@ -0,0 +1,62 @@ +import clsx from 'clsx'; +import dynamic from 'next/dynamic'; + +const PostToc = dynamic(() => import('components/post/post-toc')); +const lines = Array(4).fill(null); + +const Page = async () => { + return ( + <> +
+
+

+ +
+ + + + {lines.map((_, i) => ( +
+ ))} + +
+
+ + ); +}; + +export default Page; diff --git a/components/pages/blog/post-card-loading.tsx b/components/pages/blog/post-card-loading.tsx index 33b4b7e..bbce19a 100644 --- a/components/pages/blog/post-card-loading.tsx +++ b/components/pages/blog/post-card-loading.tsx @@ -1,5 +1,5 @@ -import React, { memo } from 'react'; import clsx from 'clsx'; +import { memo } from 'react'; const PostCardLoading = () => { return ( diff --git a/components/pages/gists/gists-skeleton.tsx b/components/pages/gists/gists-skeleton.tsx index 71645e4..a587f74 100644 --- a/components/pages/gists/gists-skeleton.tsx +++ b/components/pages/gists/gists-skeleton.tsx @@ -1,5 +1,4 @@ import clsx from 'clsx'; -// import GistsCode from './gists-code'; const GistSkeleton = () => { return ( @@ -38,8 +37,6 @@ const GistSkeleton = () => {

- - {/* */}