mirror of
https://github.com/stashapp/stash.git
synced 2025-12-18 21:04:37 +03:00
Mount edit panels only when first entering (#4564)
This commit is contained in:
@@ -264,7 +264,7 @@ export const GalleryPage: React.FC<IProps> = ({ gallery, add }) => {
|
|||||||
isVisible={activeTabKey === "gallery-chapter-panel"}
|
isVisible={activeTabKey === "gallery-chapter-panel"}
|
||||||
/>
|
/>
|
||||||
</Tab.Pane>
|
</Tab.Pane>
|
||||||
<Tab.Pane eventKey="gallery-edit-panel">
|
<Tab.Pane eventKey="gallery-edit-panel" mountOnEnter>
|
||||||
<GalleryEditPanel
|
<GalleryEditPanel
|
||||||
isVisible={activeTabKey === "gallery-edit-panel"}
|
isVisible={activeTabKey === "gallery-edit-panel"}
|
||||||
gallery={gallery}
|
gallery={gallery}
|
||||||
|
|||||||
@@ -234,7 +234,7 @@ const ImagePage: React.FC<IProps> = ({ image }) => {
|
|||||||
>
|
>
|
||||||
<ImageFileInfoPanel image={image} />
|
<ImageFileInfoPanel image={image} />
|
||||||
</Tab.Pane>
|
</Tab.Pane>
|
||||||
<Tab.Pane eventKey="image-edit-panel">
|
<Tab.Pane eventKey="image-edit-panel" mountOnEnter>
|
||||||
<ImageEditPanel
|
<ImageEditPanel
|
||||||
isVisible={activeTabKey === "image-edit-panel"}
|
isVisible={activeTabKey === "image-edit-panel"}
|
||||||
image={image}
|
image={image}
|
||||||
|
|||||||
@@ -23,6 +23,7 @@ import {
|
|||||||
queryFindScenesByID,
|
queryFindScenesByID,
|
||||||
} from "src/core/StashService";
|
} from "src/core/StashService";
|
||||||
|
|
||||||
|
import { SceneEditPanel } from "./SceneEditPanel";
|
||||||
import { ErrorMessage } from "src/components/Shared/ErrorMessage";
|
import { ErrorMessage } from "src/components/Shared/ErrorMessage";
|
||||||
import { LoadingIndicator } from "src/components/Shared/LoadingIndicator";
|
import { LoadingIndicator } from "src/components/Shared/LoadingIndicator";
|
||||||
import { Icon } from "src/components/Shared/Icon";
|
import { Icon } from "src/components/Shared/Icon";
|
||||||
@@ -59,7 +60,6 @@ const ExternalPlayerButton = lazyComponent(
|
|||||||
const QueueViewer = lazyComponent(() => import("./QueueViewer"));
|
const QueueViewer = lazyComponent(() => import("./QueueViewer"));
|
||||||
const SceneMarkersPanel = lazyComponent(() => import("./SceneMarkersPanel"));
|
const SceneMarkersPanel = lazyComponent(() => import("./SceneMarkersPanel"));
|
||||||
const SceneFileInfoPanel = lazyComponent(() => import("./SceneFileInfoPanel"));
|
const SceneFileInfoPanel = lazyComponent(() => import("./SceneFileInfoPanel"));
|
||||||
const SceneEditPanel = lazyComponent(() => import("./SceneEditPanel"));
|
|
||||||
const SceneDetailPanel = lazyComponent(() => import("./SceneDetailPanel"));
|
const SceneDetailPanel = lazyComponent(() => import("./SceneDetailPanel"));
|
||||||
const SceneMoviePanel = lazyComponent(() => import("./SceneMoviePanel"));
|
const SceneMoviePanel = lazyComponent(() => import("./SceneMoviePanel"));
|
||||||
const SceneGalleriesPanel = lazyComponent(
|
const SceneGalleriesPanel = lazyComponent(
|
||||||
@@ -479,7 +479,7 @@ const ScenePage: React.FC<IProps> = ({
|
|||||||
<Tab.Pane className="file-info-panel" eventKey="scene-file-info-panel">
|
<Tab.Pane className="file-info-panel" eventKey="scene-file-info-panel">
|
||||||
<SceneFileInfoPanel scene={scene} />
|
<SceneFileInfoPanel scene={scene} />
|
||||||
</Tab.Pane>
|
</Tab.Pane>
|
||||||
<Tab.Pane eventKey="scene-edit-panel">
|
<Tab.Pane eventKey="scene-edit-panel" mountOnEnter>
|
||||||
<SceneEditPanel
|
<SceneEditPanel
|
||||||
isVisible={activeTabKey === "scene-edit-panel"}
|
isVisible={activeTabKey === "scene-edit-panel"}
|
||||||
scene={scene}
|
scene={scene}
|
||||||
|
|||||||
Reference in New Issue
Block a user