diff --git a/pages/components/middle/article_content.tsx b/pages/components/middle/article_content.tsx index 33555ba..a7f6900 100644 --- a/pages/components/middle/article_content.tsx +++ b/pages/components/middle/article_content.tsx @@ -17,6 +17,7 @@ import Table from './article_dom/table_of_contents' import ArtifactCard from './article_dom/artifactcard' import AmazonArea from './article_dom/amazon' import ComicPageCard from './article_dom/comiccard' +import LoadingComicCard from './loading_dom/loading_comiccard' export default async function ArticleContent({ contents, @@ -154,7 +155,7 @@ export default async function ArticleContent({ // 漫画ページへのリンク return (
- loading comic
}> + }> diff --git a/pages/components/middle/loading_dom/loading_comiccard.tsx b/pages/components/middle/loading_dom/loading_comiccard.tsx new file mode 100644 index 0000000..1fdf5a1 --- /dev/null +++ b/pages/components/middle/loading_dom/loading_comiccard.tsx @@ -0,0 +1,25 @@ +import { Skeleton } from '@/components/ui/skeleton' + +export default function LoadingComicCard() { + return ( +
+
+ +
+
+ + + +
+
+ + +
+
+ +
+
+
+
+ ) +}