Revert "作品一覧回り"

This reverts commit c98ec8d.

Author: a01sa01to

workspaces/admin/src/pages/BookListPage/index.tsx

@@ -21,8 +21,6 @@ import { useFormik } from 'formik';
 import { useId, useMemo, useState } from 'react';
 import { create } from 'zustand';
 
-import type { GetBookResponse } from '@wsh-2024/schema/src/api/books/GetBookResponse';
-
 import { useBookList } from '../../features/books/hooks/useBookList';
 import { isContains } from '../../lib/filter/isContains';
 
@@ -51,7 +49,7 @@ type BookModalState =
     }
   | {
       mode: typeof BookModalMode.Detail;
-      params: { book: GetBookResponse };
+      params: { bookId: string };
     }
   | {
       mode: typeof BookModalMode.Create;
@@ -61,7 +59,7 @@ type BookModalState =
 type BookModalAction = {
   close: () => void;
   openCreate: () => void;
-  openDetail: (book: GetBookResponse) => void;
+  openDetail: (bookId: string) => void;
 };
 
 export const BookListPage: React.FC = () => {
@@ -121,8 +119,8 @@ export const BookListPage: React.FC = () => {
         openCreate() {
           set({ mode: BookModalMode.Create, params: {} });
         },
-        openDetail(book) {
-          set({ mode: BookModalMode.Detail, params: { book } });
+        openDetail(bookId) {
+          set({ mode: BookModalMode.Detail, params: { bookId } });
         },
       },
     }));
@@ -220,7 +218,7 @@ export const BookListPage: React.FC = () => {
                 {filteredBookList.map((book) => (
                   <Tr key={book.id}>
                     <Td textAlign="center" verticalAlign="middle">
-                      <Button colorScheme="teal" onClick={() => modalState.openDetail(book)} variant="solid">
+                      <Button colorScheme="teal" onClick={() => modalState.openDetail(book.id)} variant="solid">
                         詳細
                       </Button>
                     </Td>
@@ -245,7 +243,7 @@ export const BookListPage: React.FC = () => {
       </Stack>
 
       {modalState.mode === BookModalMode.Detail ? (
-        <BookDetailModal isOpen book={modalState.params.book} onClose={() => modalState.close()} />
+        <BookDetailModal isOpen bookId={modalState.params.bookId} onClose={() => modalState.close()} />
       ) : null}
       {modalState.mode === BookModalMode.Create ? <CreateBookModal isOpen onClose={() => modalState.close()} /> : null}
     </>

workspaces/admin/src/pages/BookListPage/internal/BookDetailModal/index.tsx

@@ -19,22 +19,21 @@ import {
 import { Link } from '@tanstack/react-router';
 import { useToggle } from '@uidotdev/usehooks';
 
-import type { GetBookResponse } from '@wsh-2024/schema/src/api/books/GetBookResponse';
-
+import { useBook } from '../../../../features/books/hooks/useBook';
 import { useEpisodeList } from '../../../../features/episodes/hooks/useEpisodeList';
 
 import { BookDetailContent } from './BookDetailContent';
 import { BookEditContent } from './BookEditContent';
 
 type Props = {
-  book: GetBookResponse;
+  bookId: string;
   isOpen: boolean;
   onClose: () => void;
 };
 
-export const BookDetailModal: React.FC<Props> = ({ book, isOpen, onClose }) => {
-  const { data: episodeList } = useEpisodeList({ bookId: book.id });
-  // const { data: book } = useBook({ bookId });
+export const BookDetailModal: React.FC<Props> = ({ bookId, isOpen, onClose }) => {
+  const { data: episodeList } = useEpisodeList({ bookId });
+  const { data: book } = useBook({ bookId });
 
   const [isEdit, toggleIEdit] = useToggle(false);
 
@@ -76,7 +75,7 @@ export const BookDetailModal: React.FC<Props> = ({ book, isOpen, onClose }) => {
                                 as={Link}
                                 colorScheme="teal"
                                 role="button"
-                                to={`/admin/books/${book.id}/episodes/${episode.id}`}
+                                to={`/admin/books/${bookId}/episodes/${episode.id}`}
                                 variant="solid"
                               >
                                 編集
@@ -108,7 +107,7 @@ export const BookDetailModal: React.FC<Props> = ({ book, isOpen, onClose }) => {
               colorScheme="teal"
               mt={4}
               role="button"
-              to={`/admin/books/${book.id}/episodes/new`}
+              to={`/admin/books/${bookId}/episodes/new`}
               variant="solid"
             >
               エピソードを追加

workspaces/schema/src/api/books/GetBookListResponse.ts

@@ -25,15 +25,7 @@ export const GetBookListResponseSchema = createSelectSchema(book)
       }),
     episodes: createSelectSchema(episode)
       .pick({
-        chapter: true,
-        description: true,
         id: true,
-        name: true,
-      })
-      .extend({
-        image: createSelectSchema(image).pick({
-          id: true,
-        }),
       })
       .array(),
     image: createSelectSchema(image).pick({