TextMessage: add classnames to all message types

This commit is contained in:
He4eT 2023-05-21 15:39:57 +03:00 committed by Alexey
commit 9fc2265e41

View file

@ -2,15 +2,15 @@ import { h } from 'preact'
export default function ({ style, text }) { export default function ({ style, text }) {
const defaultContent = ( const defaultContent = (
<span class={['message', style].join(' ')}> <span className={['message', style].join(' ')}>
{text} {text}
</span>) </span>)
return ({ return ({
grid: (<div>{text}&nbsp;</div>), grid: (<div>{text}&nbsp;</div>),
input: (<span class='message input'>&gt; {text}</span>), input: (<span className='message input'>&gt; {text}</span>),
subheader: (<strong>{text}</strong>), subheader: (<strong className='message subheader'>{text}</strong>),
emphasized: (<em>{text}</em>), emphasized: (<em className='message emphasized'>{text}</em>),
endOfLine: (<br />) endOfLine: (<br />)
})[style] || defaultContent })[style] || defaultContent
} }