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/users/[userId]/index.tsx

53 lines
1.6 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'
import { UserProfile } from '../../../../components/Application/UserProfile'
import { GuildsProvider } from '../../../../contexts/Guilds'
2022-08-31 21:44:33 +02:00
import type { UserPublic } from '../../../../models/User'
import type { Guild } from '../../../../models/Guild'
export interface UserProfilePageProps extends PagePropsWithAuthentication {
user: UserPublic
guilds: Guild[]
}
const UserProfilePage: NextPage<UserProfilePageProps> = (props) => {
const { user, guilds, authentication } = props
return (
<AuthenticationProvider authentication={authentication}>
<GuildsProvider>
<Head title={`Thream | ${user.name}`} />
<Application path={`/application/users/${user.id}`} title={user.name}>
<UserProfile user={user} guilds={guilds} />
</Application>
</GuildsProvider>
</AuthenticationProvider>
)
}
export const getServerSideProps = authenticationFromServerSide({
shouldBeAuthenticated: true,
fetchData: async (context, api) => {
2023-01-11 17:39:09 +01:00
const userId = Number(context?.params?.['userId'])
if (isNaN(userId)) {
return {
2022-08-30 21:30:06 +02:00
notFound: true
}
}
const { data } = await api.get(`/users/${userId}`)
return {
user: data.user,
guilds: data.guilds
}
}
})
export default UserProfilePage