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

86 lines
2.9 KiB
TypeScript
Raw Permalink Normal View History

import type { NextPage } from "next"
2021-12-28 16:06:58 +01:00
import { Head } from "../../../../components/Head"
import { Application } from "../../../../components/Application"
import { Messages } from "../../../../components/Application/Messages"
import { SendMessage } from "../../../../components/Application/SendMessage"
import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
import {
authenticationFromServerSide,
AuthenticationProvider,
} from "../../../../tools/authentication"
import type { GuildMember } from "../../../../contexts/GuildMember"
import { GuildMemberProvider } from "../../../../contexts/GuildMember"
import { GuildLeftSidebar } from "../../../../components/Application/GuildLeftSidebar"
import { ChannelsProvider } from "../../../../contexts/Channels"
import { GuildsProvider } from "../../../../contexts/Guilds"
import type { Channel } from "../../../../models/Channel"
import { MessagesProvider } from "../../../../contexts/Messages"
import { MembersProviders } from "../../../../contexts/Members"
export interface ChannelPageProps extends PagePropsWithAuthentication {
channelId: number
guildId: number
guildMember: GuildMember
selectedChannel: Channel
}
2021-12-28 16:06:58 +01:00
const ChannelPage: NextPage<ChannelPageProps> = (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}>
<MessagesProvider 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}`}
>
<Messages />
2022-01-13 18:21:45 +01:00
<SendMessage path={path} />
</Application>
</MessagesProvider>
</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 (Number.isNaN(channelId) || Number.isNaN(guildId)) {
return {
notFound: true,
}
}
const { data: guildMember } = await api.get(`/guilds/${guildId}`)
const { data: selectedChannelData } = await api.get(
`/channels/${channelId}`,
)
return {
channelId,
guildId,
guildMember,
selectedChannel: selectedChannelData.channel,
}
},
})
export default ChannelPage