jeffemmett
/
postiz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: billing fix

This commit is contained in:
Nevo David 2025-11-25 14:27:34 +07:00
parent 5a3906dc2e
commit 518d76e972
1 changed files with 9 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
apps/frontend/src/components/billing/main.billing.component.tsx
View File

@ -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);