[Chatbot] - Drop custom styles from CodeBlockMessage

Ouverte Adaptée aux débutants
#934 0 commentaires 0 réactions 1 personne assignée Voir sur GitHub

@rebeccaalpert y travaille déjà.

Depuis le 30/10/2026.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
76/100
Type d'issue
Refactorisation
Clarté
Clairement spécifiée
Activité
Active
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Commencez par packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.tsx et packages/module/src/MarkdownContent/MarkdownRenderer.tsx, puis examinez les styles CodeBlock associés dans packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss. Supprimez le type de fichier ajouté manuellement ainsi que les substitutions de mise en évidence syntaxique et les imports décrits dans l’issue. Le travail est terminé lorsque CodeBlock utilise son comportement par défaut et que ces styles et imports personnalisés ne sont plus nécessaires.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

PF Team
Chatbot Component Area

Message Content (Text, Markdown, Citations)

Describe the feature

We want to make it easier to handle Felt changes by dropping more custom styles from ChatBot. Messages have a lot of custom styles in packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss.

Let's see what we can drop. We are manually adding a file type to the CodeBlock in packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.tsx. Remove this. We also override CodeBlock to add syntax highlighting in packages/module/src/MarkdownContent/MarkdownRenderer.tsx. If we go with the CodeBlock as-is, we can drop import 'highlight.js/styles/vs2015.css'; and import rehypeHighlight from 'rehype-highlight';

Expected Data Structure

No response

Conversational Flow

No response

Visuals & Mockups

No response

Conversational Accessibility

No response

Validation
  • This request aligns with PatternFly AI/Chatbot design guidelines.

  • I have searched for existing chatbot-specific components.


Jira Issue: PF-4754

Langage dominant
TypeScript
Étoiles
8
Forks
38
Merge moyen
2 j 14 h
PR mergées (30 j)
5

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de patternfly/chatbot

Toutes les issues de patternfly/chatbot

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.