\n \n \n

\n )\n}\n\nfunction UserHeader({ user }) {\n return (\n \n )\n}\n\nfunction UserNav() {\n const { username } = useParams()\n const navLinks = [\n { Icon: Text, name: 'Posts', path: `/u/${username}` },\n { Icon: Grid3x3, name: 'Media', path: `/u/${username}/media` },\n { Icon: Trophy, name: 'Stats', path: `/u/${username}/stats` },\n { Icon: Braces, name: 'Debug', path: `/u/${username}/debug` },\n ]\n return \n}\n\nexport function UserFeed() {\n const { data: user } = useUserFromParams()\n if (!user) return null\n return fetchUserFeed(user?.fid, pageParam)} />\n}\n\nexport function UserMedia() {\n const { data: user } = useUserFromParams()\n if (!user) return null\n return (\n fetchUserFeed(user?.fid, pageParam)}\n display=\"media\"\n />\n )\n}\n\nexport function UserDebug() {\n const { data: user } = useUserFromParams()\n if (!user) return null\n const { data: fcAppInfo } = useUserFromFc(user.username)\n\n return (\n

\n \n \n

\n )\n}\n\nexport function UserStats() {\n const { data: user } = useUserFromParams()\n if (!user) return null\n\n const { data: fcAppInfo } = useUserFromFc(user.username)\n\n const stats = [\n { label: 'FID', value: user.fid },\n {\n label: 'Followers',\n value:\n (fcAppInfo ? `Farcaster: ${formatNumberFull(fcAppInfo?.user?.followerCount)}\\n` : ``) +\n `Neynar: ${formatNumberFull(user.follower_count)}`,\n },\n {\n label: 'Following',\n value:\n (fcAppInfo ? `Farcaster: ${formatNumberFull(fcAppInfo?.user?.followingCount)}\\n` : ``) +\n `Neynar: ${formatNumberFull(user.following_count)}`,\n },\n user.pro?.status && {\n label: 'Farcaster Pro',\n value:\n capitalize(user.pro?.status) +\n '\\nSubscribed On: ' +\n formatDateShort(user.pro?.subscribed_at) +\n '\\nExpires On: ' +\n formatDateShort(user.pro?.expires_at),\n },\n fcAppInfo?.extras?.publicSpamLabel && { label: 'Farcaster Spam Label', value: fcAppInfo?.extras?.publicSpamLabel },\n { label: 'Neynar Score', value: user.score },\n ].filter(Boolean)\n\n return \n}\n\nfunction useUserFromParams() {\n const { username } = useParams()\n return useQuery({ queryKey: ['user', username], queryFn: () => fetchUser(username), staleTime: 1000 * 60 * 5 })\n}\n\nasync function fetchUserFromFc(username: string) {\n const response = await fetchProxyJSON(`https://client.farcaster.xyz/v2/user-by-username?username=${username}`)\n return response?.result\n}\nfunction useUserFromFc(username: string) {\n return useQuery({\n queryKey: ['user-fc', username],\n queryFn: () => fetchUserFromFc(username),\n staleTime: 1000 * 60 * 5,\n })\n}\n","deleted","label",[171,172,152],"frontend","screens","permalink","https://www.val.town/x/moe/Sonar/code/frontend/screens/UserScreen.tsx","extension","actionData","errors"]