...

Presentation/HushianWebApp/Pages/FromUserSide/ChatBoxComponent.razor

@@ -0,0 +1,27 @@
+@using Hushian.Application.Dtos
+
+    <div style="display: flex; "
+         dir="rtl" class="p-1 rounded w-100">
+
+        <div class="bg-green-100 border p-2 rounded text-end" dir="rtl">
+            سلام
+
+        </div>
+        <Icon Style="align-self: self-end;" Name="IconName.CheckLg" Size="IconSize.x5" />
+
+    </div>
+    <div style="display: flex; "
+         dir="rtl" class="p-1 rounded w-100">
+        <div class="bg-white border p-3 rounded text-end" dir="rtl">
+            جهت خرید در سایت در هنگام درج اطلاعات به‌خصوص کد اقتصادی دقت نمائید صورتحساب شما بر همین اساس ارسال خواهد شد در هنگام درج اطلاعات به‌خصوص کد اقتصادی دقت نمائید صورتحساب شما بر همین اساس ارسال خواهد شد ثبت نام نموده و سپس از منو فروشگاه اقدام به انتخاب محصول مورد نظر خود نمائید.<br /><br />
+
+        </div>
+        <Icon Style="align-self: self-end;" Name="IconName.CheckLg" Size="IconSize.x5" />
+
+    </div>
+
+
+@code {
+    [Parameter] public List<ConversationDto> Conversations { get; set; } 
+    [Parameter] public List<ConversationItemDto> SelectedConversationItems { get; set; } 
+}