diff --git a/web/src/app/icons/components/icon-search.tsx b/web/src/app/icons/components/icon-search.tsx index 7502878b..b89901a9 100644 --- a/web/src/app/icons/components/icon-search.tsx +++ b/web/src/app/icons/components/icon-search.tsx @@ -24,6 +24,7 @@ import { useTheme } from "next-themes" import Image from "next/image" import Link from "next/link" import { usePathname, useRouter, useSearchParams } from "next/navigation" +import posthog from "posthog-js" import { useCallback, useEffect, useMemo, useRef, useState } from "react" type SortOption = "relevance" | "alphabetical-asc" | "alphabetical-desc" | "newest" @@ -139,6 +140,8 @@ export function IconSearch({ icons }: IconSearchProps) { [pathname, router, initialSort], ) + + const handleSearch = useCallback( (query: string) => { setSearchQuery(query) @@ -193,6 +196,14 @@ export function IconSearch({ icons }: IconSearchProps) { } }, []) + useEffect(() => { + if (filteredIcons.length === 0) { + posthog.capture("no icons found", { + query: searchQuery, + }) + } + }, [filteredIcons, searchQuery]) + if (!searchParams) return null const getSortLabel = (sort: SortOption) => {