From 635d674bbed8fb4a6ce08ef6917126e05adb95b3 Mon Sep 17 00:00:00 2001
From: Nathnael <nathnael@example.com>
Date: Thu, 2 Jul 2026 14:11:34 +0000
Subject: [PATCH] fix: merge marker in invoice detial page

---
 .../src/pages/billing/InvoiceDetailPage.tsx   | 36 ++-----------------
 1 file changed, 3 insertions(+), 33 deletions(-)

diff --git a/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx b/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
index 888a09c1a..5dca05b15 100644
--- a/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
@@ -10,7 +10,6 @@ import {
   Group,
   Loader,
   Paper,
-  Select,
   SimpleGrid,
   Stack,
   Table,
@@ -24,7 +23,6 @@ import {
   ExternalLink,
   Receipt,
 } from "lucide-react";
-import { useState } from "react";
 import toast from "react-hot-toast";
 
 import { api } from "@/services/api";
@@ -67,7 +65,9 @@ function MetaItem({ label, value }: { label: string; value: string }) {
 export default function InvoiceDetailPage() {
   const { id = "" } = useParams();
   const navigate = useNavigate();
-  const [paymentMethod, setPaymentMethod] = useState<"TELEBIRR" | "WAAFI">("TELEBIRR");
+  const [paymentMethod, setPaymentMethod] = useState<"TELEBIRR" | "WAAFI">(
+    "TELEBIRR",
+  );
 
   const {
     data: invoice,
@@ -130,11 +130,6 @@ export default function InvoiceDetailPage() {
   const amountDue = Number(invoice.balanceAmount ?? invoice.totalAmount);
 
   const handlePay = () => {
-<<<<<<< HEAD
-    const returnUrl = `${window.location.origin}/payment/success`;
-    const failureUrl = `${window.location.origin}/payment/failure`;
-    payMutation.mutate({ id, payload: { method: paymentMethod, returnUrl, failureUrl } });
-=======
     setPayModalOpen(true);
   };
 
@@ -184,7 +179,6 @@ export default function InvoiceDetailPage() {
       }
       toast.error("This invoice's source isn't linked to a booking.");
     }
->>>>>>> 03740ee719f22f9617379a652b26f13b6870f671
   };
 
   return (
@@ -214,20 +208,6 @@ export default function InvoiceDetailPage() {
             </Title>
             <InvoiceStatusBadge status={invoice.status} />
           </Group>
-<<<<<<< HEAD
-          {payable && (
-            <Group align="flex-end" gap="sm">
-              <Select
-                label="Payment provider"
-                value={paymentMethod}
-                onChange={(value) => setPaymentMethod((value as "TELEBIRR" | "WAAFI") ?? "TELEBIRR")}
-                data={[
-                  { value: "TELEBIRR", label: "Telebirr" },
-                  { value: "WAAFI", label: "Waafi" },
-                ]}
-                w={170}
-              />
-=======
           <Group gap={8} wrap="wrap">
             {canViewSource && (
               <Button
@@ -271,7 +251,6 @@ export default function InvoiceDetailPage() {
               </Button>
             )}
             {payable && (
->>>>>>> 03740ee719f22f9617379a652b26f13b6870f671
               <Button
                 color="edr-green"
                 radius="md"
@@ -279,14 +258,6 @@ export default function InvoiceDetailPage() {
                 leftSection={<CreditCard size={16} />}
                 loading={payMutation.isPending}
                 onClick={handlePay}
-<<<<<<< HEAD
-                styles={{ root: { fontWeight: 600, height: 42, paddingInline: 18 } }}
-              >
-                Pay {formatCurrency(amountDue, invoice.currency)}
-              </Button>
-            </Group>
-          )}
-=======
                 styles={{
                   root: { fontWeight: 600, height: 42, paddingInline: 18 },
                 }}
@@ -296,7 +267,6 @@ export default function InvoiceDetailPage() {
               </Button>
             )}
           </Group>
->>>>>>> 03740ee719f22f9617379a652b26f13b6870f671
         </Group>
 
         {/* Summary */}