This repository has been archived on 2024-10-29. You can view files and clone it, but cannot push or open issues or pull requests.
website/pages/application/[guildId]/channels/create.tsx

62 lines
1.9 KiB
TypeScript

import type { NextPage } from "next"
import useTranslation from "next-translate/useTranslation"
import { Head } from "../../../../components/Head"
import { Application } from "../../../../components/Application"
import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
import {
authenticationFromServerSide,
AuthenticationProvider,
} from "../../../../tools/authentication"
import { CreateChannel } from "../../../../components/Application/CreateChannel"
import { GuildsProvider } from "../../../../contexts/Guilds"
import type { GuildMember } from "../../../../contexts/GuildMember"
import { GuildMemberProvider } from "../../../../contexts/GuildMember"
export interface CreateChannelPageProps extends PagePropsWithAuthentication {
guildId: number
guildMember: GuildMember
}
const CreateChannelPage: NextPage<CreateChannelPageProps> = (props) => {
const { guildId, authentication, guildMember } = props
const { t } = useTranslation()
const path = { guildId }
return (
<AuthenticationProvider authentication={authentication}>
<GuildsProvider>
<GuildMemberProvider guildMember={guildMember} path={path}>
<Head
title={`Thream | ${t("application:create-a-channel")}`}
description={t("application:create-a-channel")}
/>
<Application path={path} title={t("application:create-a-channel")}>
<CreateChannel />
</Application>
</GuildMemberProvider>
</GuildsProvider>
</AuthenticationProvider>
)
}
export const getServerSideProps = authenticationFromServerSide({
shouldBeAuthenticated: true,
fetchData: async (context, api) => {
const guildId = Number(context?.params?.["guildId"])
if (Number.isNaN(guildId)) {
return {
notFound: true,
}
}
const { data: guildMember } = await api.get(`/guilds/${guildId}`)
return {
guildId,
guildMember,
}
},
})
export default CreateChannelPage