45 lines
1.6 KiB
TypeScript
45 lines
1.6 KiB
TypeScript
import { useNavigate } from "react-router-dom";
|
|
|
|
type PropsType = {
|
|
setShowSelfSignWarnModal: (val: boolean) => void;
|
|
onConfirm?: () => void;
|
|
};
|
|
|
|
const SelfSignWarnModal = ({ setShowSelfSignWarnModal }: PropsType) => {
|
|
const navigate = useNavigate()
|
|
|
|
return (
|
|
<div className="fixed inset-0 backdrop-blur-sm bg-black/30 flex items-center justify-center z-50">
|
|
<div className="bg-white rounded-lg shadow-xl p-6 w-100">
|
|
<h3 className="text-lg font-medium text-gray-800 mb-4">Confirm Self Sign</h3>
|
|
<p className="text-gray-600 mb-6">
|
|
Are you sure you want to proceed with self sign? This will remove all the recipient that you added.
|
|
</p>
|
|
<div className="flex justify-end gap-3">
|
|
<button
|
|
onClick={() => {
|
|
setShowSelfSignWarnModal(false);
|
|
navigate("./../");
|
|
}}
|
|
|
|
className="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
|
|
>
|
|
No
|
|
</button>
|
|
<button
|
|
onClick={() => {
|
|
// onConfirm();
|
|
setShowSelfSignWarnModal(false);
|
|
}}
|
|
className="px-4 py-2 bg-red-600 text-white hover:bg-red-700 rounded-md transition-colors"
|
|
>
|
|
Yes
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SelfSignWarnModal;
|