fix(webapp): drop reloadDocument from ApplyCouponDialog and auto-close on success

Author: isshaddad

apps/webapp/app/components/admin/ApplyCouponDialog.tsx

@@ -73,7 +73,7 @@ export function ApplyCouponDialog({ target, open, onOpenChange }: ApplyCouponDia
               </Property.Item>
             </Property.Table>
 
-            <Form method="post" className="flex flex-col gap-3" reloadDocument>
+            <Form method="post" className="flex flex-col gap-3">
               <input type="hidden" name="intent" value="apply" />
               <input type="hidden" name="orgId" value={target.orgId} />
               <input type="hidden" name="dealKey" value={target.dealKey} />

apps/webapp/app/routes/admin.back-office.coupons.tsx

@@ -1,6 +1,6 @@
 import { Form } from "@remix-run/react";
 import type { ActionFunctionArgs, LoaderFunctionArgs } from "@remix-run/server-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { redirect, typedjson, useTypedActionData, useTypedLoaderData } from "remix-typedjson";
 import { z } from "zod";
 import {
@@ -198,6 +198,13 @@ export default function CouponsPage() {
     setDialogOpen(true);
   };
 
+  // Close the dialog after a successful apply: the action redirects with
+  // ?applied=<dealKey>, the loader echoes that as appliedDealKey, and we
+  // dismiss the modal so the success banner underneath is visible.
+  useEffect(() => {
+    if (appliedDealKey) setDialogOpen(false);
+  }, [appliedDealKey]);
+
   const appliedDeal = appliedDealKey ? dealsByKey.get(appliedDealKey) : null;
 
   return (