diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx index 6bb92d212..8f0be4d29 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx @@ -391,7 +391,8 @@ const ScenePage: React.FC = PatchComponent("ScenePage", (props) => { async function onGenerateScreenshot(at?: number) { const input: SceneUpdateInputWithCoverSource = { id: scene.id, - cover_image_source: typeof at === "number" ? `timestamp:${at}` : "default", + cover_image_source: + typeof at === "number" ? `timestamp:${at}` : "default", }; await generateScreenshot({ diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx index 8b9c0f8f8..c9482e139 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx @@ -190,7 +190,8 @@ export const SceneEditPanel: React.FC = ({ custom_fields: formatCustomFieldInput(isNew, values.custom_fields), }; if (!coverImageSourceDirty) { - delete (input as { cover_image_source?: string | null }).cover_image_source; + delete (input as { cover_image_source?: string | null }) + .cover_image_source; } onSave(input); } @@ -224,7 +225,11 @@ export const SceneEditPanel: React.FC = ({ return formImage; } return sceneImage; - }, [coverImageRefreshToken, formik.values.cover_image, scene.paths?.screenshot]); + }, [ + coverImageRefreshToken, + formik.values.cover_image, + scene.paths?.screenshot, + ]); const groupEntries = useMemo(() => { return formik.values.groups @@ -353,10 +358,7 @@ export const SceneEditPanel: React.FC = ({ } } - function onImageURLSource( - source: "url" | "clipboard", - value?: string - ) { + function onImageURLSource(source: "url" | "clipboard", value?: string) { if (source === "clipboard") { setCoverImageSource("clipboard"); return; diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx index 9c3aa47ba..59603e9f1 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneFileInfoPanel.tsx @@ -310,8 +310,8 @@ const _SceneFileInfoPanel: React.FC = ( ) => { const Toast = useToast(); const coverImageSource = - (props.scene as { cover_image_source?: string | null }).cover_image_source ?? - null; + (props.scene as { cover_image_source?: string | null }) + .cover_image_source ?? null; const [loading, setLoading] = useState(false); const [deletingFile, setDeletingFile] = useState(); @@ -430,7 +430,14 @@ const _SceneFileInfoPanel: React.FC = ( ))} ); - }, [props.scene, loading, Toast, deletingFile, reassigningFile, coverImageSource]); + }, [ + props.scene, + loading, + Toast, + deletingFile, + reassigningFile, + coverImageSource, + ]); return ( <> diff --git a/ui/v2.5/src/components/Scenes/SceneMergeDialog.tsx b/ui/v2.5/src/components/Scenes/SceneMergeDialog.tsx index 6763aeb57..665d565aa 100644 --- a/ui/v2.5/src/components/Scenes/SceneMergeDialog.tsx +++ b/ui/v2.5/src/components/Scenes/SceneMergeDialog.tsx @@ -632,7 +632,7 @@ const SceneMergeDetails: React.FC = ({ )?.cover_image_source; const coverImageSource = image.useNewValue ? coverImage - ? (sourceCoverImageSource ?? null) + ? sourceCoverImageSource ?? null : null : undefined; diff --git a/ui/v2.5/src/components/Shared/ImageInput.tsx b/ui/v2.5/src/components/Shared/ImageInput.tsx index a4b499e75..3461266e0 100644 --- a/ui/v2.5/src/components/Shared/ImageInput.tsx +++ b/ui/v2.5/src/components/Shared/ImageInput.tsx @@ -176,13 +176,17 @@ export const ImageInput: React.FC = PatchComponent( )} - {(onGenerateDefault || onGenerateCurrent) &&
} + {(onGenerateDefault || onGenerateCurrent) && ( +
+ )} {onGenerateDefault && (
@@ -205,7 +209,9 @@ export const ImageInput: React.FC = PatchComponent(