prevents reader controls rerendering when chapter changes

land-cap · Jan 2, 2024 · 59451dd · 59451dd · vercel · Jan 2, 2024
1 parent 462a1f7
commit 59451dd
Show file tree

Hide file tree

Showing 19 changed files with 6 additions and 7 deletions.
diff --git a/...ookCode]/[chapter]/_components/Footer.tsx → src/app/[readerMode]/_components/Footer.tsx b/...ookCode]/[chapter]/_components/Footer.tsx → src/app/[readerMode]/_components/Footer.tsx
diff --git a/...ookCode]/[chapter]/_components/Header.tsx → src/app/[readerMode]/_components/Header.tsx b/...ookCode]/[chapter]/_components/Header.tsx → src/app/[readerMode]/_components/Header.tsx
diff --git a/...ReaderControls/ChapterPicker/BookList.tsx → ...ReaderControls/ChapterPicker/BookList.tsx b/...ReaderControls/ChapterPicker/BookList.tsx → ...ReaderControls/ChapterPicker/BookList.tsx
diff --git a/...s/ChapterPicker/BookListSectionHeader.tsx → ...s/ChapterPicker/BookListSectionHeader.tsx b/...s/ChapterPicker/BookListSectionHeader.tsx → ...s/ChapterPicker/BookListSectionHeader.tsx
@@ -2,10 +2,9 @@ import { type ReactNode } from 'react'
 import { css, cx } from 'styled-system/css'
 import { subgrid } from 'styled-system/patterns'
 
+import { Separator } from '~/components'
 import { labelCss } from '~/styles/label.css'
 
-import { Separator } from '../../../../../../../components'
-
 export const BookListSectionHeader = ({
 	children,
 }: {

diff --git a/...trols/ChapterPicker/ChapterListHeader.tsx → ...trols/ChapterPicker/ChapterListHeader.tsx b/...trols/ChapterPicker/ChapterListHeader.tsx → ...trols/ChapterPicker/ChapterListHeader.tsx
@@ -1,10 +1,9 @@
 import { type ReactNode } from 'react'
 import { css, cx } from 'styled-system/css'
 
+import { Separator } from '~/components'
 import { labelCss } from '~/styles/label.css'
 
-import { Separator } from '../../../../../../../components'
-
 export const ChapterListHeader = ({
 	children,
 	chapterListItemHeight,

diff --git a/...ls/ChapterPicker/ChapterPicker.styles.tsx → ...ls/ChapterPicker/ChapterPicker.styles.tsx b/...ls/ChapterPicker/ChapterPicker.styles.tsx → ...ls/ChapterPicker/ChapterPicker.styles.tsx
diff --git a/...rControls/ChapterPicker/ChapterPicker.tsx → ...rControls/ChapterPicker/ChapterPicker.tsx b/...rControls/ChapterPicker/ChapterPicker.tsx → ...rControls/ChapterPicker/ChapterPicker.tsx
diff --git a/...s/ReaderControls/ChapterPicker/Header.tsx → ...s/ReaderControls/ChapterPicker/Header.tsx b/...s/ReaderControls/ChapterPicker/Header.tsx → ...s/ReaderControls/ChapterPicker/Header.tsx
@@ -3,7 +3,7 @@ import { css } from 'styled-system/css'
 import { styled } from 'styled-system/jsx'
 import { center, hstack, macrogrid } from 'styled-system/patterns'
 
-import { Icon, Separator } from '../../../../../../../components'
+import { Icon, Separator } from '~/components'
 
 const ButtonClose = styled('button', {
 	base: center.raw({

diff --git a/...Controls/ChapterPicker/SafeAreaBottom.tsx → ...Controls/ChapterPicker/SafeAreaBottom.tsx b/...Controls/ChapterPicker/SafeAreaBottom.tsx → ...Controls/ChapterPicker/SafeAreaBottom.tsx
diff --git a/...nts/ReaderControls/ChapterPicker/index.ts → ...nts/ReaderControls/ChapterPicker/index.ts b/...nts/ReaderControls/ChapterPicker/index.ts → ...nts/ReaderControls/ChapterPicker/index.ts
diff --git a/...ker/useCloseChapterPickerOnParamChange.ts → ...ker/useCloseChapterPickerOnParamChange.ts b/...ker/useCloseChapterPickerOnParamChange.ts → ...ker/useCloseChapterPickerOnParamChange.ts
diff --git a/...ponents/ReaderControls/ReaderControls.tsx → ...ponents/ReaderControls/ReaderControls.tsx b/...ponents/ReaderControls/ReaderControls.tsx → ...ponents/ReaderControls/ReaderControls.tsx
diff --git a/...onents/ReaderControls/ReaderNavButton.tsx → ...onents/ReaderControls/ReaderNavButton.tsx b/...onents/ReaderControls/ReaderNavButton.tsx → ...onents/ReaderControls/ReaderNavButton.tsx
diff --git a/...pter]/_components/ReaderControls/index.ts → ...Mode]/_components/ReaderControls/index.ts b/...pter]/_components/ReaderControls/index.ts → ...Mode]/_components/ReaderControls/index.ts
diff --git a/...ReaderControls/useOnReaderParamChange.tsx → ...ReaderControls/useOnReaderParamChange.tsx b/...ReaderControls/useOnReaderParamChange.tsx → ...ReaderControls/useOnReaderParamChange.tsx
diff --git a/...ols/useResetReaderScrollOnParamChange.tsx → ...ols/useResetReaderScrollOnParamChange.tsx b/...ols/useResetReaderScrollOnParamChange.tsx → ...ols/useResetReaderScrollOnParamChange.tsx
@@ -1,7 +1,8 @@
 import { useAtomValue } from 'jotai'
 import { useCallback } from 'react'
 
-import { readerPageContainerElAtom } from '../../_readerPage.state'
+import { readerPageContainerElAtom } from '~/app/[readerMode]/_readerPage.state'
+
 import { useOnReaderParamChange } from './useOnReaderParamChange'
 
 export const useResetReaderScrollOnParamChange = (
@@ -11,7 +12,7 @@ export const useResetReaderScrollOnParamChange = (
 	const readerPageContentEl = useAtomValue(readerPageContainerElAtom)
 
 	const handler = useCallback(() => {
-		readerPageContentEl && readerPageContentEl.scrollTo(0, 0)
+		readerPageContentEl?.scrollTo(0, 0)
 	}, [readerPageContentEl])
 
 	useOnReaderParamChange(handler, currBookCode, currChapter)

diff --git a/...pter]/_components/ReaderPageContainer.tsx → ...Mode]/_components/ReaderPageContainer.tsx b/...pter]/_components/ReaderPageContainer.tsx → ...Mode]/_components/ReaderPageContainer.tsx
diff --git a/...[bookCode]/[chapter]/_readerPage.state.ts → src/app/[readerMode]/_readerPage.state.ts b/...[bookCode]/[chapter]/_readerPage.state.ts → src/app/[readerMode]/_readerPage.state.ts
diff --git a/...aderMode]/[bookCode]/[chapter]/layout.tsx → src/app/[readerMode]/layout.tsx b/...aderMode]/[bookCode]/[chapter]/layout.tsx → src/app/[readerMode]/layout.tsx