refactor: refactor DeleteLineForm component

src/ui/components/DeleteLineForm/DeleteLineForm.tsx

@@ -9,9 +9,16 @@ type Props = {
 };
 
 export const DeleteLineForm = ({ lineId, checkoutId }: Props) => {
-	const deleteLineAction = async (lineId: string, checkoutId: string) => {
+	const deleteLineAction = async (formData: FormData) => {
 		"use server";
 
+		const lineId = formData.get("lineId")?.toString();
+		const checkoutId = formData.get("checkoutId")?.toString();
+
+		if (!checkoutId || !lineId) {
+			throw Error("Miss `lineId` and/or `checkoutId`.");
+		}
+
 		await executeGraphQL(CheckoutDeleteLinesDocument, {
 			variables: {
 				checkoutId,
@@ -23,10 +30,10 @@ export const DeleteLineForm = ({ lineId, checkoutId }: Props) => {
 		revalidatePath("/cart");
 	};
 
-	const deleteLineActionWithArgs = deleteLineAction.bind(null, lineId, checkoutId);
-
 	return (
-		<form action={deleteLineActionWithArgs}>
+		<form action={deleteLineAction}>
+			<input type="hidden" name="checkoutId" value={checkoutId} />
+			<input type="hidden" name="lineId" value={lineId} />
 			<SubmitButton />
 		</form>
 	);