File size: 1,589 Bytes
ec4551b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | import React, { FC, useEffect } from 'react';
import { useSearchParams } from 'next/navigation';
import { ModalWrapperComponent } from '@gitroom/frontend/components/new-launch/modal.wrapper.component';
import { useModals } from '@gitroom/frontend/components/layout/new-modal';
import { Button } from '@gitroom/react/form/button';
export const PreConditionComponentModal: FC = () => {
const modal = useModals();
return (
<div className="flex flex-col gap-[16px]">
<div className="whitespace-pre-line">
This social channel was connected previously to another Postiz account.
{'\n'}
To continue, please fast-track your trial for an immediate charge.{'\n'}
{'\n'}
** Please be advised that the account will not eligible for a refund,
and the charge is final.
</div>
<div className="flex gap-[2px] justify-center">
<Button
onClick={() => (window.location.href = '/billing?finishTrial=true')}
>
Fast track - Charge me now
</Button>
<Button onClick={modal.closeCurrent} secondary={true}>Cancel</Button>
</div>
</div>
);
};
export const PreConditionComponent: FC = () => {
const modal = useModals();
const query = useSearchParams();
useEffect(() => {
if (query.get('precondition')) {
modal.openModal({
title: 'Suspicious activity detected',
withCloseButton: true,
classNames: {
modal: 'text-textColor',
},
children: <PreConditionComponentModal />,
});
}
}, []);
return null;
};
|