diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkerForm.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkerForm.tsx index f0202c8c4a6..51983ada9c6 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkerForm.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkerForm.tsx @@ -10,10 +10,13 @@ import { useSceneMarkerDestroy, } from "src/core/StashService"; import { DurationInput } from "src/components/Shared/DurationInput"; -import { TagSelect, MarkerTitleSuggest } from "src/components/Shared/Select"; +import { + TagSelect, + MarkerTitleSuggest, + SelectObject, +} from "src/components/Shared/Select"; import { getPlayerPosition } from "src/components/ScenePlayer/util"; import { useToast } from "src/hooks/Toast"; -import isEqual from "lodash-es/isEqual"; interface ISceneMarkerForm { sceneID: string; @@ -97,6 +100,11 @@ export const SceneMarkerForm: React.FC = ({ } } + async function onSetPrimaryTagID(tags: SelectObject[]) { + await formik.setFieldValue("primary_tag_id", tags[0]?.id); + await formik.setFieldTouched("primary_tag_id", true); + } + const primaryTagId = formik.values.primary_tag_id; return ( @@ -119,16 +127,16 @@ export const SceneMarkerForm: React.FC = ({
- formik.setFieldValue("primary_tag_id", tags[0]?.id) - } + onSelect={onSetPrimaryTagID} ids={primaryTagId ? [primaryTagId] : []} noSelectionString="Select/create tag..." hoverPlacement="right" /> - - {formik.errors.primary_tag_id} - + {formik.touched.primary_tag_id && ( + + {formik.errors.primary_tag_id} + + )}
@@ -175,7 +183,7 @@ export const SceneMarkerForm: React.FC = ({