Nest modal reopening logic

[emilydrakesmith]

Changes to the useModal Hook

• arguments are accepted through an args config object
• all instantiations are updated to use this format
• now accepts canReopen as a boolean to gatekeep re-opening

Old format:

// controller to prevent re-opening of modal
const [canOpen, setCanOpen] = useState<boolean>(true);
// instantiate modal controls, closed at render by default 
const myModal = useModal('closed');
// fn to open the modal which respects gatekeeping
function openModal(): void {
    if (canOpen) {
        setCanOpen('false');
        myModal.open();
    }
}

New format:

// option 1, specify all values explicitly
const MODAL_CONFIG = {
    defaultState: 'closed',
    canReopen: 'false',
};
const myModal = useModal(MODAL_CONFIG);

// option 2: only set values to override defaults
const myModal = useModal({ canReopen: false }):

To call with all default values:

const myModal = useModal();

[netlify]

✅ Deploy Preview for ambi-perps ready!

Name	Link
🔨 Latest commit	89976fd
🔍 Latest deploy log	https://app.netlify.com/projects/ambi-perps/deploys/698a4c0fb154dd00088f2825
😎 Deploy Preview	https://deploy-preview-976--ambi-perps.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for ambi-perps-us ready!

Name	Link
🔨 Latest commit	89976fd
🔍 Latest deploy log	https://app.netlify.com/projects/ambi-perps-us/deploys/698a4c0facfca200080d8f4f
😎 Deploy Preview	https://deploy-preview-976--ambi-perps-us.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.