2021-07-27 09:28:26 +02:00
|
|
|
import { FC } from 'react';
|
2021-08-17 05:38:07 +02:00
|
|
|
import { LocalizeText } from '../../api';
|
2021-07-27 09:28:26 +02:00
|
|
|
import { DraggableWindow } from '../draggable-window';
|
|
|
|
import { NitroLayoutTrophyViewProps } from './NitroLayoutTrophyView.types';
|
|
|
|
|
|
|
|
export const NitroLayoutTrophyView: FC<NitroLayoutTrophyViewProps> = props =>
|
|
|
|
{
|
|
|
|
const { color = '', message = '', date = '', senderName = '', onCloseClick = null } = props;
|
|
|
|
|
|
|
|
return (
|
2021-08-09 18:35:17 +02:00
|
|
|
<DraggableWindow handleSelector=".drag-handler">
|
2021-07-27 09:28:26 +02:00
|
|
|
<div className={ `nitro-layout-trophy trophy-${ color }` }>
|
|
|
|
<div className="trophy-header drag-handler">
|
|
|
|
<div className="float-end trophy-close" onClick={ onCloseClick }></div>
|
|
|
|
<div className="trophy-title fw-bold text-center">
|
|
|
|
{ LocalizeText('widget.furni.trophy.title') }
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="trophy-content">
|
|
|
|
{ message }
|
|
|
|
</div>
|
|
|
|
<div className="trophy-footer d-flex justify-content-between fw-bold">
|
|
|
|
<div>{ date }</div>
|
|
|
|
<div>{ senderName }</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</DraggableWindow>
|
|
|
|
);
|
|
|
|
}
|