api からのデータを変えた

Author: a01sa01to

workspaces/app/src/features/author/hooks/useAuthor.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { authorApiClient } from '../apiClient/authorApiClient';
 
 export function useAuthor(...[options]: Parameters<typeof authorApiClient.fetch>) {
-  return useSWR(authorApiClient.fetch$$key(options), authorApiClient.fetch, { suspense: true });
+  return useSWR(authorApiClient.fetch$$key(options), authorApiClient.fetch, { suspense: false });
 }

workspaces/app/src/features/book/components/BookListItem.tsx

@@ -9,7 +9,6 @@ import { Spacer } from '../../../foundation/components/Spacer';
 import { Text } from '../../../foundation/components/Text';
 import { Color, Radius, Space, Typography } from '../../../foundation/styles/variables';
 import { getImageUrl } from '../../../lib/image/getImageUrl';
-import { useBook } from '../hooks/useBook';
 
 const _Wrapper = styled.li`
   width: 100%;
@@ -28,11 +27,18 @@ const _ImgWrapper = styled.div`
 `;
 
 type Props = {
-  bookId: string;
+  book: {
+    description: string;
+    id: string;
+    image: {
+      id: string;
+    };
+    name: string;
+  };
 };
 
-export const BookListItem: React.FC<Props> = ({ bookId }) => {
-  const { data: book } = useBook({ params: { bookId } });
+export const BookListItem: React.FC<Props> = ({ book }) => {
+  // const { data: book } = useBook({ params: { bookId } });
 
   const imageUrl = getImageUrl({ format: 'webp', height: 64, imageId: book.image.id, width: 64 });
 

workspaces/app/src/features/book/hooks/useBook.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { bookApiClient } from '../apiClient/bookApiClient';
 
 export function useBook(...[options]: Parameters<typeof bookApiClient.fetch>) {
-  return useSWR(bookApiClient.fetch$$key(options), bookApiClient.fetch, { suspense: true });
+  return useSWR(bookApiClient.fetch$$key(options), bookApiClient.fetch, { suspense: false });
 }

workspaces/app/src/features/book/hooks/useBookList.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { bookApiClient } from '../apiClient/bookApiClient';
 
 export function useBookList(...[options]: Parameters<typeof bookApiClient.fetchList>) {
-  return useSWR(bookApiClient.fetchList$$key(options), bookApiClient.fetchList, { suspense: true });
+  return useSWR(bookApiClient.fetchList$$key(options), bookApiClient.fetchList, { suspense: false });
 }

workspaces/app/src/features/episode/components/EpisodeListItem.tsx

@@ -9,7 +9,6 @@ import { Spacer } from '../../../foundation/components/Spacer';
 import { Text } from '../../../foundation/components/Text';
 import { Color, Radius, Space, Typography } from '../../../foundation/styles/variables';
 import { getImageUrl } from '../../../lib/image/getImageUrl';
-import { useEpisode } from '../hooks/useEpisode';
 
 const _Wrapper = styled.li`
   width: 100%;
@@ -29,11 +28,17 @@ const _ImgWrapper = styled.div`
 
 type Props = {
   bookId: string;
-  episodeId: string;
+  episode: {
+    chapter: number;
+    description: string;
+    id: string;
+    image: { id: string };
+    name: string;
+  };
 };
 
-export const EpisodeListItem: React.FC<Props> = ({ bookId, episodeId }) => {
-  const { data: episode } = useEpisode({ params: { episodeId } });
+export const EpisodeListItem: React.FC<Props> = ({ bookId, episode }) => {
+  // const { data: episode } = useEpisode({ params: { episodeId } });
 
   const imageUrl = getImageUrl({ format: 'webp', height: 96, imageId: episode.image.id, width: 96 });
 

workspaces/app/src/features/episode/hooks/useEpisode.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { episodeApiClient } from '../apiClient/episodeApiClient';
 
 export function useEpisode(...[options]: Parameters<typeof episodeApiClient.fetch>) {
-  return useSWR(episodeApiClient.fetch$$key(options), episodeApiClient.fetch, { suspense: true });
+  return useSWR(episodeApiClient.fetch$$key(options), episodeApiClient.fetch, { suspense: false });
 }

workspaces/app/src/features/episode/hooks/useEpisodeList.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { episodeApiClient } from '../apiClient/episodeApiClient';
 
 export function useEpisodeList(...[options]: Parameters<typeof episodeApiClient.fetchList>) {
-  return useSWR(episodeApiClient.fetchList$$key(options), episodeApiClient.fetchList, { suspense: true });
+  return useSWR(episodeApiClient.fetchList$$key(options), episodeApiClient.fetchList, { suspense: false });
 }

workspaces/app/src/features/feature/hooks/useFeatureList.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { featureApiClient } from '../apiClient/featureApiClient';
 
 export function useFeatureList(...[options]: Parameters<typeof featureApiClient.fetchList>) {
-  return useSWR(featureApiClient.fetchList$$key(options), featureApiClient.fetchList, { suspense: true });
+  return useSWR(featureApiClient.fetchList$$key(options), featureApiClient.fetchList, { suspense: false });
 }

workspaces/app/src/features/ranking/hooks/useRankingList.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { rankingApiClient } from '../apiClient/rankingApiClient';
 
 export function useRankingList(...[options]: Parameters<typeof rankingApiClient.fetchList>) {
-  return useSWR(rankingApiClient.fetchList$$key(options), rankingApiClient.fetchList, { suspense: true });
+  return useSWR(rankingApiClient.fetchList$$key(options), rankingApiClient.fetchList, { suspense: false });
 }

workspaces/app/src/features/release/hooks/useRelease.ts

@@ -3,5 +3,5 @@ import useSWR from 'swr';
 import { releaseApiClient } from '../apiClient/releaseApiClient';
 
 export function useRelease(...[options]: Parameters<typeof releaseApiClient.fetch>) {
-  return useSWR(releaseApiClient.fetch$$key(options), releaseApiClient.fetch, { suspense: true });
+  return useSWR(releaseApiClient.fetch$$key(options), releaseApiClient.fetch, { suspense: false });
 }