\n \n \n

\n )\n}\n\nfunction ChannelHeader({ channel }) {\n return (\n \n )\n}\n\nfunction ChannelNav() {\n const { channelId } = useParams()\n const navLinks = [\n { Icon: Text, name: 'Posts', path: `/c/${channelId}` },\n { Icon: Grid3x3, name: 'Media', path: `/c/${channelId}/media` },\n { Icon: Trophy, name: 'Stats', path: `/c/${channelId}/stats` },\n { Icon: Braces, name: 'Debug', path: `/c/${channelId}/debug` },\n ]\n return \n}\n\nexport function ChannelFeed() {\n const { data: channel } = useChannelFromParams()\n if (!channel) return null\n return (\n fetchChannelFeed(channel?.id, pageParam)}\n />\n )\n}\n\nexport function ChannelMedia() {\n const { data: channel } = useChannelFromParams()\n if (!channel) return null\n return (\n fetchChannelFeed(channel?.id, pageParam)}\n display=\"media\"\n />\n )\n}\n\nexport function ChannelDebug() {\n const { data: channel } = useChannelFromParams()\n if (!channel) return null\n return \n}\n\nexport function ChannelStats() {\n const { data: channel } = useChannelFromParams()\n if (!channel) return null\n\n const stats = [\n { label: 'Created', value: formatDateShort(channel.created_at) },\n { label: 'Followers', value: formatNumber(channel.follower_count) },\n { label: 'Members', value: formatNumber(channel.member_count) },\n { label: 'Moderators', value: formatNumber(channel.moderator_fids?.length) },\n ]\n\n return \n}\n\nfunction useChannelFromParams() {\n const { channelId } = useParams()\n return useQuery({\n queryKey: ['channel', channelId],\n queryFn: () => fetchChannel(channelId),\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/ChannelScreen.tsx","extension","actionData","errors"]