You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
680 B
30 lines
680 B
import { Button } from 'antd'; |
|
import dynamic from 'next/dynamic'; |
|
import { FC } from 'react'; |
|
import styles from './ChatContainer.module.scss'; |
|
|
|
// Lazy loaded components |
|
|
|
const VerticalAlignBottomOutlined = dynamic( |
|
() => import('@ant-design/icons/VerticalAlignBottomOutlined'), |
|
{ |
|
ssr: false, |
|
}, |
|
); |
|
|
|
type Props = { |
|
onClick: () => void; |
|
}; |
|
|
|
export const ScrollToBotBtn: FC<Props> = ({ onClick }) => ( |
|
<div className={styles.toBottomWrap} id="scroll-to-chat-bottom"> |
|
<Button |
|
type="default" |
|
style={{ color: 'currentColor' }} |
|
icon={<VerticalAlignBottomOutlined />} |
|
onClick={onClick} |
|
> |
|
Go to last message |
|
</Button> |
|
</div> |
|
);
|
|
|