Change button to Button

This commit is contained in:
Nicola Benaglia 2025-05-26 22:11:10 +02:00
parent e039bfe134
commit bc3eb321dc

View File

@ -407,7 +407,7 @@ export const ChatList = ({
</div> </div>
{showScrollButton && ( {showScrollButton && (
<button <Button
onClick={() => scrollToBottom()} onClick={() => scrollToBottom()}
style={{ style={{
backgroundColor: theme.palette.other.unread, backgroundColor: theme.palette.other.unread,
@ -426,15 +426,14 @@ export const ChatList = ({
{t('group:action.scroll_unread_messages', { {t('group:action.scroll_unread_messages', {
postProcess: 'capitalizeFirstChar', postProcess: 'capitalizeFirstChar',
})} })}
</button> </Button>
)} )}
{showScrollDownButton && !showScrollButton && ( {showScrollDownButton && !showScrollButton && (
<Button <Button
onClick={() => scrollToBottom()} onClick={() => scrollToBottom()}
variant="contained"
style={{ style={{
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.other.positive,
border: 'none', border: 'none',
borderRadius: '20px', borderRadius: '20px',
bottom: 20, bottom: 20,
@ -445,11 +444,11 @@ export const ChatList = ({
padding: '10px 20px', padding: '10px 20px',
position: 'absolute', position: 'absolute',
right: 20, right: 20,
zIndex: 10,
textTransform: 'none', textTransform: 'none',
zIndex: 10,
}} }}
> >
{t('group:action.scroll_unread_messages', { {t('group:action.scroll_bottom', {
postProcess: 'capitalizeFirstChar', postProcess: 'capitalizeFirstChar',
})} })}
</Button> </Button>