GIF Caster

\n\n \n

\n )\n}\n\nexport function SearchForm() {\n const navigate = useNavigate()\n const [query, setQuery] = useState('')\n const [finalQuery, setFinalQuery] = useState('')\n const { data } = useQuery({\n queryKey: ['search', finalQuery],\n queryFn: () => search(finalQuery),\n })\n\n const onSearch = () => {\n if (!query) return\n console.log('onSearch', query)\n setFinalQuery(query)\n }\n\n return (\n <>\n

\n setQuery(e.target.value)}\n placeholder='GIF search'\n // autoCapitalize=\"on\"\n // autoCorrect=\"on\"\n type='text'\n value={query}\n className='flex-1'\n />\n \n

\n\n {data && }\n \n )\n}\n\nfunction Results({ data }: any) {\n const { context, fcsdk } = useFarcasterMiniApp()\n\n return (\n

\n {data?.map((gif: any) => (\n {\n const parentCastHash = context?.location.type == 'cast_share'\n ? context?.location?.cast?.hash\n : undefined\n fcsdk?.actions.composeCast({\n embeds: [\n gif?.images?.original?.url,\n ],\n parent: parentCastHash\n ? { type: 'cast', hash: parentCastHash }\n : undefined,\n })\n }}\n />\n ))}\n

\n )\n}\n\nasync function search(query: string) {\n return await fetch(`/gif/search?q=${query}`).then((r) => r.json()).then((r) =>\n r.data\n )\n}","deleted","label",[171,172,152],"frontend","screens","permalink","https://www.val.town/x/moe/gif-fc/code/frontend/screens/Home.tsx","extension","actionData","errors"]