2023-10-23 23:33:39 +02:00
|
|
|
import type { NextPage } from "next"
|
2021-12-28 16:06:58 +01:00
|
|
|
|
2023-10-23 23:33:39 +02:00
|
|
|
import { Head } from "../../../../components/Head"
|
|
|
|
|
import { Application } from "../../../../components/Application"
|
|
|
|
|
import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
|
2021-10-24 06:09:43 +02:00
|
|
|
import {
|
|
|
|
|
authenticationFromServerSide,
|
2023-10-23 23:33:39 +02:00
|
|
|
AuthenticationProvider,
|
|
|
|
|
} from "../../../../tools/authentication"
|
|
|
|
|
import { UserProfile } from "../../../../components/Application/UserProfile"
|
|
|
|
|
import { GuildsProvider } from "../../../../contexts/Guilds"
|
|
|
|
|
import type { UserPublic } from "../../../../models/User"
|
|
|
|
|
import type { Guild } from "../../../../models/Guild"
|
2022-02-19 23:20:33 +01:00
|
|
|
|
|
|
|
|
export interface UserProfilePageProps extends PagePropsWithAuthentication {
|
|
|
|
|
user: UserPublic
|
|
|
|
|
guilds: Guild[]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const UserProfilePage: NextPage<UserProfilePageProps> = (props) => {
|
|
|
|
|
const { user, guilds, authentication } = props
|
2021-10-24 06:09:43 +02:00
|
|
|
|
|
|
|
|
return (
|
2022-02-19 23:20:33 +01:00
|
|
|
<AuthenticationProvider authentication={authentication}>
|
2022-01-01 20:42:25 +01:00
|
|
|
<GuildsProvider>
|
2022-02-19 23:20:33 +01:00
|
|
|
<Head title={`Thream | ${user.name}`} />
|
|
|
|
|
<Application path={`/application/users/${user.id}`} title={user.name}>
|
|
|
|
|
<UserProfile user={user} guilds={guilds} />
|
2022-01-01 20:42:25 +01:00
|
|
|
</Application>
|
|
|
|
|
</GuildsProvider>
|
2021-10-24 06:09:43 +02:00
|
|
|
</AuthenticationProvider>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const getServerSideProps = authenticationFromServerSide({
|
2022-02-19 23:20:33 +01:00
|
|
|
shouldBeAuthenticated: true,
|
|
|
|
|
fetchData: async (context, api) => {
|
2023-10-23 23:33:39 +02:00
|
|
|
const userId = Number(context?.params?.["userId"])
|
2023-07-22 16:34:23 +02:00
|
|
|
if (Number.isNaN(userId)) {
|
2022-02-19 23:20:33 +01:00
|
|
|
return {
|
2023-10-23 23:33:39 +02:00
|
|
|
notFound: true,
|
2022-02-19 23:20:33 +01:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const { data } = await api.get(`/users/${userId}`)
|
|
|
|
|
return {
|
|
|
|
|
user: data.user,
|
2023-10-23 23:33:39 +02:00
|
|
|
guilds: data.guilds,
|
2022-02-19 23:20:33 +01:00
|
|
|
}
|
2023-10-23 23:33:39 +02:00
|
|
|
},
|
2021-10-24 06:09:43 +02:00
|
|
|
})
|
|
|
|
|
|
|
|
|
|
export default UserProfilePage
|
