Show total number of credits

src/components/basket/table.tsx

@@ -159,6 +159,16 @@ const BodyWithData = observer(({onClose, isForCapture}: BasketTableProps) => {
 					</Tr>
 				))
 			}
+
+			<Tr fontWeight="bold">
+				<Td>Total:</Td>
+				{/* eslint-disable-next-line react/no-array-index-key */}
+				{Array.from({length: 5}).map((_, i) => (<Td key={i}/>))}
+				<Td isNumeric>{basketState.totalCredits}</Td>
+				<Td/>
+				<Td/>
+				<Td/>
+			</Tr>
 		</>
 	);
 });

src/lib/basket-state.ts

@@ -108,6 +108,16 @@ export class BasketState {
 		}, []);
 	}
 
+	get totalCredits() {
+		let credits = 0;
+
+		for (const section of this.sections) {
+			credits += (section.minCredits + section.maxCredits) / 2;
+		}
+
+		return credits;
+	}
+
 	get isSectionScheduleCompatibleMap() {
 		const map = new Map<ISectionFromAPI['id'], boolean>();