feat: add custom hook to handle window close and reload events

[afsar-hussai]

🚀 Feature: Warn Users Before Closing/Reloading Tab

Fixes Issue

**My PR closes #452 **

👨‍💻 Changes proposed(What did you do ?)

• Created a custom React hook (useBeforeUnload) that listens to the beforeunload event.
• Displays a warning dialog when a user attempts to close or reload the browser tab.
• Used this hook in App.jsx to ensure it applies globally across the entire app.

✔️ Check List

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description clearly explain the approach.

Note to reviewers

• The feature is implemented using a custom React hook that defaults to true, ensuring the dialog always appears unless explicitly disabled.
• Please test this by closing, or refreshing the tab.
• Please review and give feedback.

📷 Screenshots

N/A

[vercel]

@afsar-hussai is attempting to deploy a commit to the dunsin's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Dun-sin]

Hi @afsar-hussai please provide a working screen recording for this and kindly attach it to the PR

[Dun-sin]

Hi @afsar-hussai please provide a working screen recording for this and kindly attach it to the PR

@afsar-hussai

[t-trafer]

can you name the args betters

[afsar-hussai]

In general Hooks are written with use, so here i created a hook thats why i use useCloseAndReloadHandle as hook name.

[t-trafer]

how do you plan to check if the chat is active or not?

[afsar-hussai]

yes please can you guide me to do this. lets colabrate and do this.

[t-trafer]

a few things to add here:

• only intercept the beforeunload event if the chat is active
• adding custom messages is not permissible as per modern browser standards, do add a comment for that in the code for future reference
• improve the variable/file name to avoid confusion

[t-trafer]

is this under active development? i can work on this if needed

[Dun-sin]

is this under active development? i can work on this if needed

@t-trafer he still has 5 days to fix his PR, in the meantime you can check other issues and see what else you can work on

[t-trafer]

yeah that works @Dun-sin thanks

[Dun-sin]

@t-trafer still want to work on this?

[Dun-sin]

hi @afsar-hussai the time assigned to this Issue is over, your PR is now closed. Thanks for trying to contribute, you're free to ask to work on other issues, if you can meet up with the time assigned.