image component is added

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html

@@ -50,7 +50,7 @@
       <div>
         <ul>
           <li *ngIf="getUserProfile(message.senderSeq) != ''">
-            <img
+            <!-- <img
               class="avatar"
               style="width: 50px; height: 50px;"
               [src]="
@@ -62,7 +62,14 @@
                       }
                   | async
               "
-            />
+            /> -->
+            <ucap-ui-imaage
+              [style]="'width: 50px; height: 50px;'"
+              [imageClass]="'avatar'"
+              [base]="profileImageRoot"
+              [path]="getUserProfile(message.senderSeq)"
+              [default]="'assets/images/img_nophoto_50.png'"
+            ></ucap-ui-imaage>
           </li>
           <li>
             {{ getUserName(message.senderSeq) }}