Implement Functionality for 3-Dot Menu in Chat Header
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
**Description:**
The 3-dot (overflow) menu in the chat header is currently non-functional. It should provide users with common chat-related actions.
**Requirements:**
* Make the 3-dot menu clickable and functional
* Display a dropdown/menu on click
* Add the following options:
* Clear Chat
* Delete Chat
* Close Chat
* Ensure proper positioning of the dropdown relative to the icon
* Add hover and click feedback for menu items
* Implement confirmation prompts for destructive actions (e.g., delete/clear chat)
* Ensure menu closes on outside click or option selection
* Maintain consistent styling with overall UI
**Optional:**
* Add more options like "View Contact Info" or "Mute Notifications"
* Add keyboard accessibility (ESC to close, arrow navigation)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the chat header entry point and the existing 3-dot icon implementation. Add the dropdown actions and interaction behavior described in the issue, then verify positioning, consistent styling, confirmation prompts for destructive actions, and closing on outside click or selection.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100