diff --git a/web/src/components/overlay/ImagePicker.tsx b/web/src/components/overlay/ImagePicker.tsx index b7cc97cbd..45b1f53af 100644 --- a/web/src/components/overlay/ImagePicker.tsx +++ b/web/src/components/overlay/ImagePicker.tsx @@ -1,4 +1,4 @@ -import { useCallback, useEffect, useMemo, useRef, useState } from "react"; +import { useCallback, useMemo, useRef, useState } from "react"; import { useTranslation } from "react-i18next"; import useSWR from "swr"; import { @@ -70,7 +70,6 @@ export default function ImagePicker({ if (setSelectedImageId) { setSelectedImageId(id); } - setSearchTerm(""); if (!direct) { setOpen(false); } @@ -88,7 +87,13 @@ export default function ImagePicker({ placeholder={t("imagePicker.search.placeholder")} className="text-md mb-3 md:text-sm" value={searchTerm} - onChange={(e) => setSearchTerm(e.target.value)} + onChange={(e) => { + setSearchTerm(e.target.value); + // Clear selected image when user starts typing + if (setSelectedImageId) { + setSelectedImageId(""); + } + }} /> ); @@ -127,11 +132,6 @@ export default function ImagePicker({ ); - // Reset loaded images when images change - useEffect(() => { - setLoadedImages(new Set()); - }, [images]); - if (direct) { return (