replace from ImageComponent to ImageDirective

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

@@ -8,7 +8,6 @@
       contact: message.senderSeq !== loginRes.userSeq
     }"
   >
-
     <ucap-chat-message-box-date-splitter
       *ngIf="getDateSplitter(i)"
       class="date-splitter"
@@ -50,7 +49,10 @@
         </ng-container>
       </ng-template>
       <ng-template #contents>
-        <div *ngIf="getUserProfile(message.senderSeq) != ''" class="profile-img">
+        <div
+          *ngIf="getUserProfile(message.senderSeq) != ''"
+          class="profile-img"
+        >
           <!-- <img
                 class="avatar"
                 style="width: 50px; height: 50px;"
@@ -64,13 +66,21 @@
                     | async
                 "
               /> -->
-          <ucap-ui-imaage
+          <img
+            class="avatar"
+            style="width: 50px; height: 50px;"
+            ucapUiImage
+            [base]="profileImageRoot"
+            [path]="getUserProfile(message.senderSeq)"
+            [default]="'assets/images/img_nophoto_50.png'"
+          />
+          <!-- <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>
+          ></ucap-ui-imaage> -->
         </div>
 
         <div class="message-main">
@@ -136,4 +146,4 @@
       </ng-template>
     </div>
   </div>
-</div>
+</div>