how can i close modal which I wanna control with state #3120

dkumza · 2024-07-02T17:30:03Z

dkumza
Jul 2, 2024

I'm a bit confused, I show modal like this:

  const handleShowModal = () => {
    const modal = document.getElementById('exp_modal');
    modal && modal.showModal();
    dispatch(openModal());
  };

and my modal looks like this:

 <>
      <dialog id='exp_modal' className='modal'>
        <div className='modal-box flex justify-center '>
          <ExpensesPage />
        </div>
        <form method='dialog' className='modal-backdrop'>
          <button className='' onClick={() => dispatch(closeModal())}>
            close
          </button>
        </form>
      </dialog>
    </>

I wanna close modal not only by "close" button, but somewhere in my app in different places.
and I do have current state. Which makes a bit buggy, even i have current state i can't control modal.
How do you guys control it? I wanna do this is few other components, by changing state...