I currently have a parent component called chat and two child component named sidebar(consisting of user list) and conversation detail(consisting of chat with each user).. the functionality i want is if i click on any user present in sidebar i want the chat to open of that user on right side just like in WhatsApp web.. below is a small code of structuring of my components
Chat component(parent component)
<div class="container-fluid">
<div class="row">
<div class="col-5">
<app-sidebar></app-sidebar>
</div>
<div class="col-7">
<app-conversation-detail></app-conversation-detail>
</div>
</div>