Как добавить любимую кнопку в мой код angularfire?

Question

Итак, я пытаюсь добавить избранную кнопку на страницу информации о моем продукте, которая подключена к моей базе данных firestore с помощью angular. Попытка добавить идентификатор продукта в массив лайков под документом о продукте, и я как бы натолкнулся на кирпичную стену и был бы признателен за любую помощь, которую мог получить. Мой код ниже, высоко ценится <3 </p>

import { Component, OnInit } from '@angular/core';
import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';

@Component({
  selector: 'app-productinfo',
  templateUrl: './productinfo.component.html',
  styleUrls: ['./productinfo.component.css']
})

export class ProductinfoComponent {

  constructor (
    private db: AngularFirestore,
    private productId: AngularFirestoreCollection,
  ){}

  submit(){
    this.db.doc('products/users' + this.productId)
      .update(this.productId);
    console.log ('added')
  }
}