I have follow instruction from https://akveo.github.io/nebular/docs/components/chat-ui/overview#nbchatformcomponent to create custom chat component.
The problem is how can I remove The name sender from this component?
<nb-chat [title]="recievername" size="medium" [status]="theme">
<nb-chat-message large
*ngFor="let message of chatService.messages"
[message]="message.text"
[reply]="message.user.sendername"
[sender]="message.user.recievername"
[date]="message.date"
[avatar]="message.user.avatar"
>
<nb-chat-form (send)="sendMessage($event, avatar)" [showButton]="true">
CSS it's just this
::ng-deep nb-layout-column {
display: flex;
justify-content: center;
}
:host {
display: flex;
}
nb-chat {
width: 950px;
margin: 1rem;
height: 770px!important;
}