mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-02-14 23:25:25 +03:00
simplify
This commit is contained in:
parent
5b55b0ae4a
commit
4cbd02d0ef
@ -17,7 +17,7 @@ import useImageLoaded from "@/hooks/use-image-loaded";
|
|||||||
import ActivityIndicator from "@/components/indicators/activity-indicator";
|
import ActivityIndicator from "@/components/indicators/activity-indicator";
|
||||||
|
|
||||||
type ExploreViewProps = {
|
type ExploreViewProps = {
|
||||||
onSelectSearch: (searchResult: SearchResult, detail: boolean) => void;
|
onSelectSearch: (searchResult: SearchResult) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function ExploreView({ onSelectSearch }: ExploreViewProps) {
|
export default function ExploreView({ onSelectSearch }: ExploreViewProps) {
|
||||||
@ -76,7 +76,7 @@ export default function ExploreView({ onSelectSearch }: ExploreViewProps) {
|
|||||||
type ThumbnailRowType = {
|
type ThumbnailRowType = {
|
||||||
objectType: string;
|
objectType: string;
|
||||||
searchResults?: SearchResult[];
|
searchResults?: SearchResult[];
|
||||||
onSelectSearch: (searchResult: SearchResult, detail: boolean) => void;
|
onSelectSearch: (searchResult: SearchResult) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
function ThumbnailRow({
|
function ThumbnailRow({
|
||||||
@ -145,7 +145,7 @@ function ThumbnailRow({
|
|||||||
|
|
||||||
type ExploreThumbnailImageProps = {
|
type ExploreThumbnailImageProps = {
|
||||||
event: SearchResult;
|
event: SearchResult;
|
||||||
onSelectSearch: (searchResult: SearchResult, detail: boolean) => void;
|
onSelectSearch: (searchResult: SearchResult) => void;
|
||||||
};
|
};
|
||||||
function ExploreThumbnailImage({
|
function ExploreThumbnailImage({
|
||||||
event,
|
event,
|
||||||
@ -176,7 +176,7 @@ function ExploreThumbnailImage({
|
|||||||
loading={isSafari ? "eager" : "lazy"}
|
loading={isSafari ? "eager" : "lazy"}
|
||||||
draggable={false}
|
draggable={false}
|
||||||
src={`${apiHost}api/events/${event.id}/thumbnail.jpg`}
|
src={`${apiHost}api/events/${event.id}/thumbnail.jpg`}
|
||||||
onClick={() => onSelectSearch(event, true)}
|
onClick={() => onSelectSearch(event)}
|
||||||
onLoad={() => {
|
onLoad={() => {
|
||||||
onImgLoad();
|
onImgLoad();
|
||||||
}}
|
}}
|
||||||
|
|||||||
@ -65,12 +65,8 @@ export default function SearchView({
|
|||||||
|
|
||||||
// search interaction
|
// search interaction
|
||||||
|
|
||||||
const onSelectSearch = useCallback((item: SearchResult, detail: boolean) => {
|
const onSelectSearch = useCallback((item: SearchResult) => {
|
||||||
if (detail) {
|
|
||||||
setSearchDetail(item);
|
setSearchDetail(item);
|
||||||
} else {
|
|
||||||
setSearchDetail(item);
|
|
||||||
}
|
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
// confidence score - probably needs tweaking
|
// confidence score - probably needs tweaking
|
||||||
@ -182,9 +178,7 @@ export default function SearchView({
|
|||||||
<SearchThumbnail
|
<SearchThumbnail
|
||||||
searchResult={value}
|
searchResult={value}
|
||||||
findSimilar={() => setSimilaritySearch(value)}
|
findSimilar={() => setSimilaritySearch(value)}
|
||||||
onClick={() => {
|
onClick={() => onSelectSearch(value)}
|
||||||
onSelectSearch(value, true);
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
{(searchTerm || similaritySearch) && (
|
{(searchTerm || similaritySearch) && (
|
||||||
<div className={cn("absolute right-2 top-2 z-40")}>
|
<div className={cn("absolute right-2 top-2 z-40")}>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user