👔 feat: add base structure for anime page
This commit is contained in:
9
features/anime/sections/Information/main.tsx
Normal file
9
features/anime/sections/Information/main.tsx
Normal file
@ -0,0 +1,9 @@
|
||||
import { getAnimeBySlug } from "../../actions/getAnimeBySlug";
|
||||
|
||||
const AnimeInformationMain = async () => {
|
||||
const data = async () => await getAnimeBySlug("sakamoto-days");
|
||||
const result = await data();
|
||||
return <div>Data: {JSON.stringify(result)}</div>;
|
||||
};
|
||||
|
||||
export default AnimeInformationMain;
|
||||
3
features/anime/sections/Information/skeleton.tsx
Normal file
3
features/anime/sections/Information/skeleton.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export const AnimeInformationSkeleton = () => {
|
||||
return <div>Loading...</div>;
|
||||
};
|
||||
15
features/anime/sections/Information/wrapper.tsx
Normal file
15
features/anime/sections/Information/wrapper.tsx
Normal file
@ -0,0 +1,15 @@
|
||||
import React, { Suspense } from "react";
|
||||
import AnimeInformationMain from "./main";
|
||||
import { AnimeInformationSkeleton } from "./skeleton";
|
||||
|
||||
const AnimeInformation = () => {
|
||||
return (
|
||||
<div>
|
||||
<Suspense fallback={<AnimeInformationSkeleton />}>
|
||||
<AnimeInformationMain />
|
||||
</Suspense>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AnimeInformation;
|
||||
Reference in New Issue
Block a user