Function CommunityPage

packages/ui/src/pages/CommunityPage.tsx:134–302

(
	props: CommunityPageData & {
		tenant: ServerPublic | undefined;
		selectedChannel:
			| Pick<CommunityPageData, 'channels'>['channels'][number]
			| undefined;
		page: number | undefined;
		uwu?: boolean;
	},
)

	</div>
);
export const CommunityPage = (
	props: CommunityPageData & {
		tenant: ServerPublic | undefined;
		selectedChannel:
			| Pick<CommunityPageData, 'channels'>['channels'][number]
			| undefined;
		page: number | undefined;
		uwu?: boolean;
	},
) => {
	const { server, channels, selectedChannel, tenant, posts: questions } = props;
	// useTrackEvent('Community Page View', serverToAnalyticsData(server));
	const { page = 0 } = props;
	const isNuxtUwu = server.id === '473401852243869706' && props.uwu;
	const HeroArea = () => {
		return (
			<div className="flex flex-col">
				<div className="m-auto flex w-full flex-row rounded-sm bg-gradient-to-r from-[#7196CD] to-[#82adbe] px-4 py-8 dark:to-[#113360] sm:px-8 xl:px-[7rem] xl:py-16 2xl:py-20">
					<div className={'mx-auto flex flex-row gap-4'}>
						{isNuxtUwu ? (
							<Image
								src="/uwu/nuxt.png"
								width={300}
								height={168}
								alt="Uwuified Nuxt Logo"
								className="hidden sm:flex"
							/>
						) : (
							<ServerIcon
								server={server}
								size={128}
								className="hidden sm:flex"
							/>
						)}

						<div>
							<Heading.H1 className="hidden pt-0 md:block">
								{server.name}
							</Heading.H1>
							<div className={'hidden md:block'}>
								<Heading.H2 className="text-xl font-normal">
									{getServerDescription(server)}
								</Heading.H2>
								<ServerInviteJoinButton
									className="mx-auto mt-2 w-fit px-10 text-lg sm:mx-0"
									server={server}
									location={'Community Page'}
									channel={selectedChannel}
								/>
							</div>
						</div>
						<div className="flex w-full flex-col items-center text-center md:hidden">
							{isNuxtUwu && (
								<Image
									src="/uwu/nuxt.png"
									width={300 / 1.5}
									height={168 / 1.5}
									alt="Uwuified Nuxt Logo"