@@ -50,20 +50,20 @@ export const BotBubble = (props: Props) => {
5050 const [ copiedMessage , setCopiedMessage ] = createSignal ( false ) ;
5151 const [ thumbsUpColor , setThumbsUpColor ] = createSignal ( props . feedbackColor ?? defaultFeedbackColor ) ; // default color
5252 const [ thumbsDownColor , setThumbsDownColor ] = createSignal ( props . feedbackColor ?? defaultFeedbackColor ) ; // default color
53-
53+
5454 // Store a reference to the bot message element for the copyMessageToClipboard function
5555 const [ botMessageElement , setBotMessageElement ] = createSignal < HTMLElement | null > ( null ) ;
5656
5757 const setBotMessageRef = ( el : HTMLSpanElement ) => {
5858 if ( el ) {
5959 el . innerHTML = Marked . parse ( props . message . message ) ;
60-
60+
6161 // Apply textColor to all links, headings, and other markdown elements
6262 const textColor = props . textColor ?? defaultTextColor ;
6363 el . querySelectorAll ( 'a, h1, h2, h3, h4, h5, h6, strong, em, blockquote, li, code, pre' ) . forEach ( ( element ) => {
6464 ( element as HTMLElement ) . style . color = textColor ;
6565 } ) ;
66-
66+
6767 // Set target="_blank" for links
6868 el . querySelectorAll ( 'a' ) . forEach ( ( link ) => {
6969 link . target = '_blank' ;
@@ -270,13 +270,13 @@ export const BotBubble = (props: Props) => {
270270 el . querySelectorAll ( 'a, h1, h2, h3, h4, h5, h6, strong, em, blockquote, li, code, pre' ) . forEach ( ( element ) => {
271271 ( element as HTMLElement ) . style . color = textColor ;
272272 } ) ;
273-
273+
274274 el . querySelectorAll ( 'a' ) . forEach ( ( link ) => {
275275 link . target = '_blank' ;
276276 } ) ;
277277 }
278278 } ;
279-
279+
280280 return (
281281 < >
282282 < Show when = { item . type === 'png' || item . type === 'jpeg' } >
0 commit comments