\n \n

\n \n \n

\n )\n}\n\nfunction CuratedPacks() {\n const curatedPacks = [\n 'independent-journalists-glnse9',\n 'Celo-Builders-5maeci',\n 'Monad-Builders-uxvvnz',\n 'neynar-team-tyy4s5',\n 'Base-core-team-nr4cai',\n ]\n return (\n

\n {curatedPacks.map((packId) => (\n \n \n \n ))}\n

\n )\n}\n\nfunction PackCard({ packId }) {\n const { data: starterPack, isLoading } = useQuery({\n queryKey: ['pack', packId],\n queryFn: () => fetchStarterPack(packId),\n })\n\n if (isLoading) return null\n\n return (\n

{starterPack?.name}

{starterPack?.creator?.username}

\n \n

\n )\n}\n\nfunction VisitForm({}) {\n const navigate = useNavigate()\n const [url, setUrl] = useState('')\n\n const onVisit = () => {\n const id = url?.split('/').pop()\n console.log('onVisit', url, id)\n navigate(`/starter-pack/${id}`)\n }\n\n return (\n

\n setUrl(e.target.value)}\n placeholder=\"Starter Pack URL\"\n autoCapitalize=\"on\"\n autoCorrect=\"on\"\n type=\"text\"\n value={url}\n />\n \n

\n )\n}\n","deleted","label",[170,171,152],"frontend","screens","permalink","https://www.val.town/x/moe/gif-fc/code/frontend/screens/StarterPacksScreen.tsx","extension","actionData","errors"]