<div class="translation-main">
  <div
    *ngIf="
      !!this.message.sentMessageJson &&
      !!this.message.sentMessageJson.stickerfile &&
      this.message.sentMessageJson.stickerfile.trim().length > 0
    "
    class="sticker"
    (contextmenu)="onContextMenuMessage($event, 'original')"
  >
    <img
      [src]="stickerUrl"
      onerror="this.src='assets/sticker/sticker_default.png'"
    />
  </div>
  <div
    *ngIf="!translationSimpleview || (!!translationSimpleview && !!isMe)"
    class="original"
    [innerHTML]="message.sentMessageJson.original | linky"
    (contextmenu)="onContextMenuMessage($event, 'original')"
  ></div>
  <div
    *ngIf="!translationSimpleview || (!!translationSimpleview && !isMe)"
    class="translation"
    (contextmenu)="onContextMenuMessage($event, 'translation')"
  >
    <span class="language">{{ message.sentMessageJson.locale }}</span>
    <span [innerHTML]="message.sentMessageJson.translation | linky"> </span>
  </div>
  <!-- <div class="btn-box">
    <ul>
      <li>
        <button mat-button>Save</button>
      </li>
      <li>
        <button mat-button><span class="language">Kor</span>번역보기</button>
      </li>
    </ul>
  </div> -->
</div>
