2
2
mirror of https://github.com/Thream/website.git synced 2024-07-21 09:28:32 +02:00
website/pages/application/[guildId]/[channelId]/settings.tsx

88 lines
2.8 KiB
TypeScript
Raw Normal View History

2022-08-31 21:44:33 +02:00
import type { NextPage } from 'next'
2021-12-28 16:06:58 +01:00
2022-03-16 12:18:09 +01:00
import { Head } from '../../../../components/Head'
import { Application } from '../../../../components/Application'
2022-08-31 21:44:33 +02:00
import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
import {
authenticationFromServerSide,
2022-08-31 21:44:33 +02:00
AuthenticationProvider
2022-03-16 12:18:09 +01:00
} from '../../../../tools/authentication'
2022-08-31 21:44:33 +02:00
import type { GuildMember } from '../../../../contexts/GuildMember'
import { GuildMemberProvider } from '../../../../contexts/GuildMember'
2022-03-16 12:18:09 +01:00
import { GuildLeftSidebar } from '../../../../components/Application/GuildLeftSidebar'
import { ChannelSettings } from '../../../../components/Application/ChannelSettings'
import { ChannelsProvider } from '../../../../contexts/Channels'
import { GuildsProvider } from '../../../../contexts/Guilds'
2022-08-31 21:44:33 +02:00
import type { Channel } from '../../../../models/Channel'
2022-03-16 12:18:09 +01:00
import { MembersProviders } from '../../../../contexts/Members'
export interface ChannelSettingsPageProps extends PagePropsWithAuthentication {
channelId: number
guildId: number
guildMember: GuildMember
selectedChannel: Channel
}
const ChannelSettingsPage: NextPage<ChannelSettingsPageProps> = (props) => {
const { channelId, guildId, authentication, guildMember, selectedChannel } =
props
const path = {
channelId,
guildId
}
return (
<AuthenticationProvider authentication={authentication}>
<GuildsProvider>
<GuildMemberProvider guildMember={guildMember} path={path}>
<MembersProviders path={path}>
<ChannelsProvider path={path}>
2022-04-09 11:33:28 +02:00
<Head title={`Thream | ${selectedChannel.name}`} />
<Application
path={path}
guildLeftSidebar={<GuildLeftSidebar path={path} />}
title={`# ${selectedChannel.name}`}
>
<ChannelSettings channel={selectedChannel} />
</Application>
</ChannelsProvider>
</MembersProviders>
</GuildMemberProvider>
</GuildsProvider>
</AuthenticationProvider>
)
}
export const getServerSideProps = authenticationFromServerSide({
shouldBeAuthenticated: true,
fetchData: async (context, api) => {
const channelId = Number(context?.params?.channelId)
const guildId = Number(context?.params?.guildId)
if (isNaN(channelId) || isNaN(guildId)) {
return {
2022-08-30 21:30:06 +02:00
notFound: true
}
}
const { data: guildMember } = await api.get<GuildMember>(
`/guilds/${guildId}`
)
if (!guildMember.member.isOwner) {
return {
2022-08-30 21:30:06 +02:00
notFound: true
}
}
const { data: selectedChannelData } = await api.get(
`/channels/${channelId}`
)
return {
channelId,
guildId,
guildMember,
selectedChannel: selectedChannelData.channel
}
}
})
export default ChannelSettingsPage