From 518d76e97221aaac1bccaae7688d6205ac300e4d Mon Sep 17 00:00:00 2001
From: Nevo David <me@nevos.io>
Date: Tue, 25 Nov 2025 14:27:34 +0700
Subject: [PATCH] feat: billing fix

---
 .../billing/main.billing.component.tsx        | 37 +++++--------------
 1 file changed, 9 insertions(+), 28 deletions(-)

diff --git a/apps/frontend/src/components/billing/main.billing.component.tsx b/apps/frontend/src/components/billing/main.billing.component.tsx
index 250b9ae5..03feb5fd 100644
--- a/apps/frontend/src/components/billing/main.billing.component.tsx
+++ b/apps/frontend/src/components/billing/main.billing.component.tsx
@@ -150,31 +150,8 @@ const Info: FC<{
   const t = useT();
 
   return (
-    <div className="relative flex gap-[20px] flex-col flex-1 rounded-[4px] border border-customColor6 bg-sixth p-[16px] pt-0 w-[500px]">
-      <TopTitle title="Oh no" />
-      <button
-        className="outline-none absolute end-[20px] top-[15px] mantine-UnstyledButton-root mantine-ActionIcon-root hover:bg-tableBorder cursor-pointer mantine-Modal-close mantine-1dcetaa"
-        type="button"
-      >
-        <svg
-          viewBox="0 0 15 15"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-        >
-          <path
-            d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z"
-            fill="currentColor"
-            fillRule="evenodd"
-            clipRule="evenodd"
-          ></path>
-        </svg>
-      </button>
-
+    <div className="relative flex gap-[20px] flex-col flex-1 rounded-[4px]">
       <div>
-        {t('we_are_sorry_to_see_you_go', 'We are sorry to see you go :(')}
-        <br />
         {t(
           'would_you_mind_shortly_tell_us_what_we_could_have_done_better',
           'Would you mind shortly tell us what we could have done better?'
@@ -192,7 +169,9 @@ const Info: FC<{
       </div>
       <div>
         <Button disabled={feedback.length < 20} onClick={cancel}>
-          {feedback.length < 20 ? t('please_add_at_least', 'Please add at least 20 chars') : t('cancel_subscription', 'Cancel Subscription')}
+          {feedback.length < 20
+            ? t('please_add_at_least', 'Please add at least 20 chars')
+            : t('cancel_subscription', 'Cancel Subscription')}
         </Button>
       </div>
     </div>
@@ -283,13 +262,15 @@ export const MainBillingComponent: FC<{
         ) {
           const info = await new Promise((res) => {
             modal.openModal({
-              title: '',
-              withCloseButton: false,
+              title: t(
+                'we_are_sorry_to_see_you_go',
+                'We are sorry to see you go :('
+              ),
+              withCloseButton: true,
               classNames: {
                 modal: 'bg-transparent text-textColor',
               },
               children: <Info proceed={(e) => res(e)} />,
-              size: 'auto',
             });
           });
           setLoading(true);