ENCOA-270, ENCOA-265, ENCOA-262, ENCOA-258

src/pages/payment.tsx

@@ -1,24 +1,35 @@
 /* eslint-disable @next/next/no-img-element */
 import Head from "next/head";
-import {withIronSessionSsr} from "iron-session/next";
-import {sessionOptions} from "@/lib/session";
+import { withIronSessionSsr } from "iron-session/next";
+import { sessionOptions } from "@/lib/session";
 import useUser from "@/hooks/useUser";
 import PaymentDue from "./(status)/PaymentDue";
-import {useRouter} from "next/router";
+import { useRouter } from "next/router";
 import { requestUser } from "@/utils/api";
-import { redirect } from "@/utils";
+import { mapBy, redirect, serialize } from "@/utils";
+import { getEntities } from "@/utils/entities.be";
+import { isAdmin } from "@/utils/users";
+import { EntityWithRoles } from "@/interfaces/entity";
+import { User } from "@/interfaces/user";
 
-export const getServerSideProps = withIronSessionSsr(async ({req, res}) => {
+export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
 	const user = await requestUser(req, res)
 	if (!user) return redirect("/login")
 
+	const entityIDs = mapBy(user.entities, 'id')
+	const entities = await getEntities(isAdmin(user) ? undefined : entityIDs)
+
 	return {
-		props: {user},
+		props: serialize({ user, entities }),
 	};
 }, sessionOptions);
 
-export default function Home() {
-	const {user} = useUser({redirectTo: "/login"});
+interface Props {
+	user: User,
+	entities: EntityWithRoles[]
+}
+
+export default function Home({ user, entities }: Props) {
 	const router = useRouter();
 
 	return (
@@ -32,7 +43,7 @@ export default function Home() {
 				<meta name="viewport" content="width=device-width, initial-scale=1" />
 				<link rel="icon" href="/favicon.ico" />
 			</Head>
-			{user && <PaymentDue user={user} reload={router.reload} />}
+			<PaymentDue entities={entities} user={user} reload={router.reload} />
 		</>
 	);
 }