Skip to content

feat: Added KaTeX icon/button to chat toolbar for documentation access #986

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from

Conversation

KrishnaShuk
Copy link
Contributor

Added KaTeX Documentation Button to Chat Input Toolbar

This PR adds a KaTeX icon/button to the chat input formatting toolbar. Clicking the button will open the KaTeX documentation in a new tab, making it easier for users to reference formatting syntax.

This update ensures the toolbar section aligns with the Rocket.Chat server's toolbox design.

Acceptance Criteria fulfillment

  • Add a KaTeX icon/button to the toolbar section.
  • Ensure the button opens the official KaTeX documentation in a new tab or window when clicked.
  • Maintain UI consistency with the existing toolbar design in Rocket.Chat.

Fixes #985

Video/Screenshots

Screencast.from.2025-02-13.20-21-56.webm

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-<pr_number> after approval. Contributors are requested to replace <pr_number> with the actual PR number.

@KrishnaShuk
Copy link
Contributor Author

There is some issue in katex rendering. PR #977 is made for solving this issue.

@@ -56,6 +56,9 @@ const ChatInputFormattingToolbar = ({
};
const handleFormatterClick = (item) => {
formatSelection(messageRef, item.pattern);
if (item.onClick) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's this ?

<Tooltip text="KaTeX" position="top" key="katex">
<ActionButton
ghost
style={{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we not pass these many styles directly, instead utilise css jsx files for that

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: Adding a Katex documentation button
2 participants