Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix lightbox fullscreen issues (#4149)

Browse Source 
* Improve lightbox context hook
* Prevent fullscreen drop while loading
* Fix close not working from fullscreen
This commit is contained in:
WithoutPants
2023-09-25 09:35:55 +10:00
committed by GitHub
parent 462943a903
commit 9f5bcca1eb
3 changed files with 285 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/v2.5/src/hooks/Lightbox/hooks.ts
View File

@@ -1,13 +1,13 @@
import { useCallback, useContext, useEffect, useMemo, useState } from "react";
import { useCallback, useEffect, useMemo, useState } from "react";
import * as GQL from "src/core/generated-graphql";
import { LightboxContext, IState } from "./context";
import { IState, useLightboxContext } from "./context";
import { IChapter } from "./types";
export const useLightbox = (
state: Partial<Omit<IState, "isVisible">>,
chapters: IChapter[] = []
) => {
const { setLightboxState } = useContext(LightboxContext);
const { setLightboxState } = useLightboxContext();
useEffect(() => {
setLightboxState({
@@ -50,7 +50,7 @@ export const useLightbox = (
};
export const useGalleryLightbox = (id: string, chapters: IChapter[] = []) => {
const { setLightboxState } = useContext(LightboxContext);
const { setLightboxState } = useLightboxContext();
const pageSize = 40;
const [page, setPage] = useState(1);