next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { Info } from '@ucap-webmessenger/protocol-event';
import { NGXLogger } from 'ngx-logger';
import { StickerInfo } from '../../models/sticker-info.json';

@Component({
  selector: 'ucap-chat-message-box-sticker',
  templateUrl: './sticker.component.html',
  styleUrls: ['./sticker.component.scss']
})
export class StickerComponent implements OnInit {
  @Input()
  message: Info;

  contentJson?: StickerInfo;
  stickerUrl?: string;
  constructor(private logger: NGXLogger) {}

  ngOnInit() {
    try {
      this.contentJson = JSON.parse(this.message.sentMessage);
      if (!!this.contentJson.file) {
        this.stickerUrl = `assets/sticker/sticker_s_${this.contentJson.file}.png`;
      }
    } catch (e) {
      this.logger.error(e);
    }
  }
}