\n \n\n \n \n

\n )\n}\n\nexport function SearchForm() {\n const navigate = useNavigate()\n const [query, setQuery] = useState('')\n\n const onSearch = () => {\n if (!query) return\n\n if (query.startsWith('fid:')) {\n navigate(`/u/${query}`)\n return\n }\n if (query.startsWith('@')) {\n const username = query.replace('@', '')\n navigate(`/u/${username}`)\n return\n }\n if (query.startsWith('/')) {\n const channelId = query.replace('/', '')\n navigate(`/c/${channelId}`)\n return\n }\n if (query.startsWith('0x')) {\n navigate(`/p/${query}`)\n return\n }\n\n console.log('onSearch', query)\n }\n\n return (\n

\n {\n e.preventDefault()\n onSearch()\n }}\n >\n setQuery(e.target.value)}\n placeholder=\"@user, fid:123, /channel, cast hash\"\n // autoCapitalize=\"on\"\n // autoCorrect=\"on\"\n type=\"text\"\n value={query}\n className=\"flex-1\"\n />\n \n \n

\n )\n}\n","deleted","label",[171,172,152],"frontend","screens","permalink","https://www.val.town/x/moe/Sonar/code/frontend/screens/SearchScreen.tsx","extension","actionData","errors"]