"use client"; import { FormEvent, useEffect, useRef, useState } from "react"; import type { SocialPost } from "@/components/social/SocialMessageBubble"; export type SearchHit = SocialPost & { space_id?: number; space_title?: string; }; function toFaDigits(n: number) { return n.toLocaleString("fa-IR"); } function formatHitDate(iso?: string | null) { if (!iso) return ""; try { const d = new Date(iso); const now = new Date(); const sameDay = d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth() && d.getDate() === now.getDate(); if (sameDay) { return d.toLocaleTimeString("fa-IR", { hour: "2-digit", minute: "2-digit", hour12: false, hourCycle: "h23", }); } return d.toLocaleDateString("fa-IR", { month: "numeric", day: "numeric" }); } catch { return ""; } } function highlightSnippet(body: string, term: string) { const q = term.trim(); if (!q) return body; const lower = body.toLowerCase(); const needle = q.toLowerCase(); const idx = lower.indexOf(needle); if (idx < 0) return body; const pad = 36; const start = Math.max(0, idx - pad); const end = Math.min(body.length, idx + q.length + pad); const prefix = start > 0 ? "…" : ""; const suffix = end < body.length ? "…" : ""; const before = body.slice(start, idx); const match = body.slice(idx, idx + q.length); const after = body.slice(idx + q.length, end); return ( <> {prefix} {before} {match} {after} {suffix} ); } function avatarLetter(name: string) { const t = name.trim(); return t ? t.charAt(0) : "?"; } export function SocialMessageSearch({ initialQuery = "", loading, results, onSearch, onClose, onSelect, className = "", }: { initialQuery?: string; loading?: boolean; results: SearchHit[]; onSearch: (q: string) => void; onClose: () => void; onSelect: (hit: SearchHit) => void; className?: string; }) { const [q, setQ] = useState(initialQuery); const [submitted, setSubmitted] = useState(Boolean(initialQuery.trim())); const inputRef = useRef(null); useEffect(() => { inputRef.current?.focus(); }, []); useEffect(() => { setQ(initialQuery); if (initialQuery.trim()) setSubmitted(true); }, [initialQuery]); const submit = (e?: FormEvent) => { e?.preventDefault(); const term = q.trim(); setSubmitted(Boolean(term)); onSearch(term); }; const clear = () => { setQ(""); setSubmitted(false); onSearch(""); inputRef.current?.focus(); }; return ( ); }