Skip to content

feat(ecobot): introduce backdrop click dismissal & streamline header UI - #202

Open
toufiq00007 wants to merge 5 commits into
arzoo0511:mainfrom
toufiq00007:feature/ecobot-backdrop-dismiss
Open

feat(ecobot): introduce backdrop click dismissal & streamline header UI#202
toufiq00007 wants to merge 5 commits into
arzoo0511:mainfrom
toufiq00007:feature/ecobot-backdrop-dismiss

Conversation

@toufiq00007

Copy link
Copy Markdown
Contributor

🚀 Description

Refactors the interaction model of the floating EcoChatbot component. It permanently removes the manual close (X) button from the header layout and replaces it with a backdrop overlay, allowing users to dismiss the chat widget by clicking anywhere in the empty viewport space.

🛠️ Changes Made

  • Backdrop Click Dismissal: Added a full-screen, invisible interactive backdrop layer (fixed inset-0 z-40 bg-transparent) right beneath the chat container. Clicking this layer sets isOpen to false, seamlessly dismissing the widget.
  • Component Decoupling: Wrapped the layout inside a React Fragment (<>...</>) to handle both the backdrop overlay and the chat card as side-by-side elements under the isOpen state.
  • Header Simplification: Permanently removed the manual close icon and wrapper button from the chatbot header container to streamline the interface.

🧪 Verification

@vercel

vercel Bot commented Jun 22, 2026

Copy link
Copy Markdown

@toufiq00007 is attempting to deploy a commit to the arzoorai0207-5745's projects Team on Vercel.

A member of the Team first needs to authorize it.

@arzoo0511

Copy link
Copy Markdown
Owner

failing , check for issues

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(ecobot): close chatbot on backdrop click and permanently remove close button

2 participants