35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import { GetServerSideProps } from "next";
|
|
import PersonPage from "../../../components/PersonPage";
|
|
import fetchAPI from "../../../lib/fetch";
|
|
import { PartialMember, User } from "../../../lib/types";
|
|
|
|
interface Props {
|
|
user: User;
|
|
partialMembers: PartialMember[];
|
|
}
|
|
|
|
export default function Index({ user, partialMembers }: Props) {
|
|
return <PersonPage person={user} />;
|
|
}
|
|
|
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
|
const name = context.params!.user;
|
|
try {
|
|
const [userResponse, partialMembersResponse] = await Promise.allSettled([
|
|
fetchAPI<User>(`/users/${name}`),
|
|
fetchAPI<PartialMember[]>(`/users/${name}/members`),
|
|
]);
|
|
if (userResponse.status === "rejected")
|
|
throw new Error("Could not fetch user");
|
|
const user = userResponse.value;
|
|
const partialMembers =
|
|
partialMembersResponse.status === "fulfilled"
|
|
? partialMembersResponse.value
|
|
: [];
|
|
return { props: { user, partialMembers } };
|
|
} catch (e) {
|
|
console.log(e);
|
|
return { notFound: true };
|
|
}
|
|
};
|