added chapter view, fixes, added ratings, added chapter updates/deletions

app/client/pages/work/book/$bookId/chapter/new.tsx

@@ -0,0 +1,89 @@
+import { gql, useQuery } from '@apollo/client';
+import { BookChapterForm } from '@app/client/components/BookChapterForm';
+import { useIdentity } from '@app/client/hooks/identity';
+import { useToastMutation } from '@app/client/hooks/useToastMutation';
+import { Skeleton } from '@chakra-ui/react';
+import { BookChapterNewCreateMutation, BookChapterNewQuery } from '@generated/types';
+import { createFileRoute, redirect, useNavigate } from '@tanstack/react-router';
+import { bookChapterListQuery } from '../overview';
+import { bookChapterNavigationQuery } from './$chapterId/view';
+
+export const Route = createFileRoute('/work/book/$bookId/chapter/new')({
+  component: RouteComponent,
+  beforeLoad: ({ context }) => {
+    if (!context.isAuthenticated) throw redirect({ to: '/' });
+  }
+});
+
+function RouteComponent() {
+  const { bookId: id } = Route.useParams();
+
+  const identity = useIdentity();
+  const navigate = useNavigate();
+
+  const { data } = useQuery<BookChapterNewQuery>(query, {
+    variables: { id }
+  });
+
+  const { update: chapterCreate } = useToastMutation<BookChapterNewCreateMutation>({
+    mutation,
+    successMsg: 'Chapter created successfully',
+    refetchQueries: [bookChapterListQuery, bookChapterNavigationQuery]
+  });
+
+  if (data == null) return <Skeleton />;
+  if (identity?.data.user.id !== data.bookOne.author.id)
+    throw redirect({ to: `/work/book/${id}/overview` });
+
+  return (
+    <BookChapterForm
+      bookId={id}
+      onChapterSubmit={async chapter => {
+        await chapterCreate({
+          variables: {
+            input: {
+              bookId: id,
+              ...chapter
+            }
+          }
+        });
+
+        navigate({ to: `/work/book/${id}/overview` });
+      }}
+    />
+  );
+}
+
+const query = gql`
+  query BookChapterNew($id: ID!) {
+    bookOne(id: $id) {
+      id
+      author {
+        id
+      }
+    }
+  }
+`;
+
+const mutation = gql`
+  mutation BookChapterNewCreate($input: BookChapterCreateInput!) {
+    bookChapterCreate(input: $input) {
+      id
+      title
+      foreword
+      footnote
+      content
+      previousChapterId
+      nextChapterId
+      book {
+        id
+        updatedAt
+        wordsTotal
+        chaptersTotal
+        author {
+          id
+        }
+      }
+    }
+  }
+`;