Popup Modal for Logout

[Aniket1026]

• Want to add a popup modal which appears when the user clicks on the Logout button.

ISSUE

• Currently User logsout Immeadiately the button is clicked.
• If done by mistake . This leads the user to login again via confirmation through his gmail account.

Improvements

• When user clicks the logout button . A popup must appear asking the user if he wants to logout?
• This way prevents the user to logout by mistake.
• Improves user experience .

[anomic30]

Hi @Aniket1026, you can start working on this. Before proceeding, show us the UI. For more info regarding the UI join our Discord server and ping @Sneakad for the designs.

[Aniket1026]

Sure @anomic30 😄

[itsdurgeshray]

Hey @Aniket1026, here is the UI for the logout confirmation modal. I have also added the basic CSS for detailed implementation but you will still need to work on the responsivity.

Full Screen View for reference

Here is the CSS:

Dialog Text .dialog-text { text-shadow: 0 0 6px rgba(0, 0, 0, 0.25); font-family: PolySans-Bulky; font-size: 24px; text-align: center; color: #fff; }

Buttons .log-out_button { align-items: center; gap: 10px; padding: 12px 20px; border-radius: 8px; border-style: solid; border-width: 1.2px; border-image-source: linear-gradient(110deg, #00939c 0%, #00ffa8 100%); font-size: 16px; }

.cancel_button { gap: 10px; padding: 12px 20px; border-radius: 8px; border: solid 1.2px #999; font-size: 16px; }

[Aniket1026]

@itsdurgeshray Thanks for providing the design . I will take care of the details mentioned by you

[VarunGitGood]

can i work on this issue?

[anomic30]

Hi @varun7singh, you can co-author with @Aniket1026. He has already raised a PR [#48]. Make the necessary changes regarding the UI and raise a PR.