You've already forked Epicnabbo-Catalogus-Updated-Daily
Remco
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
import { FC } from 'react';
|
|
import { NotificationBubbleItem, OpenUrl } from '../../../../api';
|
|
import { Flex, LayoutNotificationBubbleView, LayoutNotificationBubbleViewProps, Text } from '../../../../common';
|
|
|
|
export interface NotificationDefaultBubbleViewProps extends LayoutNotificationBubbleViewProps
|
|
{
|
|
item: NotificationBubbleItem;
|
|
}
|
|
|
|
export const NotificationDefaultBubbleView: FC<NotificationDefaultBubbleViewProps> = props =>
|
|
{
|
|
const { item = null, onClose = null, ...rest } = props;
|
|
|
|
const htmlText = item.message.replace(/\r\n|\r|\n/g, '<br />');
|
|
|
|
return (
|
|
<LayoutNotificationBubbleView alignItems="center" gap={ 2 } onClick={ event => (item.linkUrl && item.linkUrl.length && OpenUrl(item.linkUrl)) } onClose={ onClose } { ...rest }>
|
|
<Flex center className="w-[50px] h-[50px]">
|
|
{ (item.iconUrl && item.iconUrl.length) &&
|
|
<img alt="" className="no-select" src={ item.iconUrl } /> }
|
|
</Flex>
|
|
<Text wrap dangerouslySetInnerHTML={ { __html: htmlText } } variant="white" />
|
|
</LayoutNotificationBubbleView>
|
|
);
|
|
};
|