ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update to react v19

Browse Source
This commit is contained in:
schroda
2025-04-18 20:42:41 +02:00
parent 213f561fe4
commit 3f93549f34
22 changed files with 52 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopAutoScroll.tsx
View File

@@ -28,7 +28,7 @@ export const ReaderNavBarDesktopAutoScroll = ({
const { t } = useTranslation();
const { isActive, toggleActive } = useReaderAutoScrollContext();
const updateTimeout = useRef<NodeJS.Timeout>();
const updateTimeout = useRef<NodeJS.Timeout>(undefined);
return (
<Stack sx={{ flexDirection: 'row', gap: 1 }}>

2
src/modules/reader/components/overlay/progress-bar/ReaderProgressBar.tsx
View File

@@ -76,7 +76,7 @@ const BaseReaderProgressBar = ({
fullSegmentClicks: boolean;
}) => {
const progressBarRef = useRef<HTMLDivElement | null>(null);
const draggingDetectionTimeout = useRef<NodeJS.Timeout>();
const draggingDetectionTimeout = useRef<NodeJS.Timeout>(undefined);
const [totalPagesTextWidth, setTotalPagesTextWidth] = useState(0);
const totalPagesTextRef = useRef<HTMLSpanElement | null>(null);

2
src/modules/reader/hooks/useReaderHideCursorOnInactivity.ts
View File

@@ -9,7 +9,7 @@
import { MutableRefObject, useEffect, useRef } from 'react';
export const useReaderHideCursorOnInactivity = (scrollElementRef: MutableRefObject<HTMLDivElement | null>) => {
const mouseInactiveTimeout = useRef<NodeJS.Timeout>();
const mouseInactiveTimeout = useRef<NodeJS.Timeout>(undefined);
useEffect(() => {
const setCursorVisibility = (visible: boolean) => {

2
src/modules/reader/hooks/useReaderSetPagesState.ts
View File

@@ -39,7 +39,7 @@ export const useReaderSetPagesState = (
setPageToScrollToIndex: ReaderStatePages['setPageToScrollToIndex'],
setTransitionPageMode: ReaderStatePages['setTransitionPageMode'],
) => {
const previousPageData = useRef<string[]>();
const previousPageData = useRef<string[]>(undefined);
useLayoutEffect(() => {
const pagesPayload = pagesResponse.data?.fetchChapterPages;

6
src/modules/reader/hooks/useReaderShowSettingPreviewOnChange.ts
View File

@@ -30,9 +30,9 @@ export const useReaderShowSettingPreviewOnChange = (
const { t } = useTranslation();
// show setting previews on change or when open reader
const previousReadingMode = useRef<IReaderSettingsWithDefaultFlag['readingMode']>();
const previousTapZoneLayout = useRef<IReaderSettingsWithDefaultFlag['tapZoneLayout']>();
const previousTapZoneInvertMode = useRef<IReaderSettingsWithDefaultFlag['tapZoneInvertMode']>();
const previousReadingMode = useRef<IReaderSettingsWithDefaultFlag['readingMode']>(undefined);
const previousTapZoneLayout = useRef<IReaderSettingsWithDefaultFlag['tapZoneLayout']>(undefined);
const previousTapZoneInvertMode = useRef<IReaderSettingsWithDefaultFlag['tapZoneInvertMode']>(undefined);
const isInitialPreview = useRef(true);
useEffect(() => {

4
src/modules/reader/utils/ReaderSettings.utils.tsx
View File

@@ -6,7 +6,7 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { ForwardRefExoticComponent, MemoExoticComponent, RefAttributes } from 'react';
import { NamedExoticComponent, RefAttributes } from 'react';
import {
IReaderSettings,
IReaderSettingsWithDefaultFlag,
@@ -59,7 +59,7 @@ export const isAutoWebtoonMode = (
export const getPagerForReadingMode = (
readingMode: ReadingMode,
): MemoExoticComponent<ForwardRefExoticComponent<ReaderPagerProps & RefAttributes<HTMLDivElement>>> => {
): NamedExoticComponent<ReaderPagerProps & RefAttributes<HTMLDivElement>> => {
switch (readingMode) {
case ReadingMode.SINGLE_PAGE:
return ReaderPagedPager;