Código presente na transcrição da aula não bate com código desenvolvido no vídeo

Bom dia. O código abaixo está presente na transcrição da aula, porém não é o código desenvolvido pelo instrutor no vídeo.

<div class="bg-white border" *ngIf="(photo$ | async) as photo">
    <div class="row">
        <div class="col-lg-8">
            <ap-photo [url]="photo.url" [description]="photo.description"></ap-photo>
        </div>

        <div class="col-lg-4 p-4">
            <small>
                <p class="text-left break-word">{{ photo.description }}</p>
                <div class="text-left mb-4">
                    <i class="fa fa-comment-o fa-2x mr-2 ml-2"></i>{{ photo.comments }}
                    <i class="fa fa-trash-o fa-2x pull-right"></i>
                </div>
                <hr>
            </small>

            <div class="mt-4">
                <form>
                    <div class="input-group">
                        <textarea class="form-control"></textarea>
                        <div class="input-group-append">
                            <button type="submit" class="btn btn-primary pull-left">
                                Publish
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div><!-- col-md-4 -->
    </div><!-- row end -->
</div>

O problema está na parte a partir de

<div class="mt-4">
                <form>
                    <div class="input-group">
....

pois na aula essa parte já está toda encapsulada por

<ap-photo-comments>...

Ou seja:

    <ap-photo-comments
            *ngIf="photo.allowComments; else warning"
            [photoId]="photoId">
    </ap-photo-comments>
    <ng-template #warning>
        <p>User has disabled comments for this photo</p>
    </ng-template>