Skip to content

Conversation

@AlokPy1484
Copy link


Title: "This PR expands the information provided by tooltip of chat formatting toolbar by adding keyboard shortcut information. "

closes #1101

🚀 Changes Made

  • addad a new shortcut property in formatter object in textFormat.js
  • made changes in ChatInputFormattingToolbar.js to display keyboard information of corrosponding formatter.
  • varified the existing keyboard shortcut by checking ChatInput.js

🧠 How It Works

When user hover over any formatter icon in chat formatter toolbar then in tooltip corrosponding to that formatter information regarding keyboard shortcut for that formatter will be present.

  • when user hover over a formatter icon then it triggers a tooltip component
  • this tooltip component fetches the name and keyboard shortcut for that formatter from textFormat.js file
  • textFormat.js file contains formatter array of object containing properties like "name", "pattern", "shortcut" etc. It is treated as single source of truth for information regaring a formatter.

🧪 Testing

✅ Tested by running locally and visial inspection of UI.
✅ Tested yarn build


WhatsApp.Video.2026-01-25.at.01.19.30.mp4

@CLAassistant
Copy link

CLAassistant commented Jan 24, 2026

CLA assistant check
All committers have signed the CLA.

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.

Fearure: Add keyboard shortcut information to chat formatter tool tip in formatter toolbar

2 participants