diff --git a/web/src/components/card/SearchThumbnail.tsx b/web/src/components/card/SearchThumbnail.tsx index f53756be0f..a2c5cd37f0 100644 --- a/web/src/components/card/SearchThumbnail.tsx +++ b/web/src/components/card/SearchThumbnail.tsx @@ -44,23 +44,31 @@ export default function SearchThumbnail({ [searchResult, onClick], ); - const objectLabel = useMemo(() => { - if ( - !config || - !searchResult.sub_label || - !config.model.attributes_map[searchResult.label] - ) { - return searchResult.label; - } - - return `${searchResult.label}-verified`; - }, [config, searchResult]); - const hasRecognizedPlate = useMemo( () => (searchResult.data.recognized_license_plate?.length || 0) > 0, [searchResult], ); + const objectLabel = useMemo(() => { + if (!config) { + return searchResult.label; + } + + if (!searchResult.sub_label) { + return `${searchResult.label}${hasRecognizedPlate ? "-plate" : ""}`; + } + + if ( + config.model.attributes_map[searchResult.label]?.includes( + searchResult.sub_label, + ) + ) { + return searchResult.sub_label; + } + + return `${searchResult.label}-verified`; + }, [config, hasRecognizedPlate, searchResult]); + return (
onClick(searchResult, false, true)} > - {getIconForLabel( - `${objectLabel}${hasRecognizedPlate ? "-plate" : ""}`, - "size-3 text-white", - )} + {getIconForLabel(objectLabel, "size-3 text-white")} {Math.round( (searchResult.data.score ?? searchResult.data.top_score ??