86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
import type { NextPage } from "next"
|
|
|
|
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
|
|
}
|
|
|
|
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}>
|
|
<Head title={`Thream | ${selectedChannel.name}`} />
|
|
<Application
|
|
path={path}
|
|
guildLeftSidebar={<GuildLeftSidebar path={path} />}
|
|
title={`# ${selectedChannel.name}`}
|
|
>
|
|
<Messages />
|
|
<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
|