HOSN-app/app/src/components/tweet-body/tweet-body.html

<!-- Generated template for the TweetBodyComponent component -->
<div>
  <div class="tweet-array">
    <span class="tweet-array-part" *ngFor="let part of tweetArray">
      <span *ngIf="part.type =='text'" class="text">{{ part.text }}</span>
      <a *ngIf="part.type == 'url'" href="{{ part.url }}">{{ part.text }}</a>
      <mention *ngIf="part.type == 'user_mention'" [username]="part.text" [userId]="part.userId"></mention>
      <hashtag *ngIf="part.type == 'hashtag'" [hashtag]="part.text"></hashtag>
    </span>
  </div>
  <img *ngIf="hasPhoto" src="{{ entities.media[0]['media_url_https'] }}" alt="Photo" class="photo">
  <video *ngIf="isGif" src="{{ extended_entities.media[0]['video_info']['variants'][0]['url'] }}" autoplay loop></video>
  <quoted-status *ngIf="data.quoted_status" [data]="data.quoted_status"></quoted-status>
</div>