https://i.stack.imgur.com/iclx7.png
UPDATE: In my firebase structure, I have made edits to the users collection by adding a special list called ListaFavorite. This list will contain all the favorite items that users add during their session. The issue I am facing is how to define the exact same structure in the original UserInterface file as in the firebase database.
The favoriteObj that I declared stores values from the item fields and sends them to firebase. However, I am unsure how to set the structure of favoriteObj since objects cannot be used in interfaces.
I hope this explanation clarifies my query. My goal is to match the structure below:
const favoriteObj = {};
favoriteObj[uniqID] = {
favorite_title: favorite_title,
favorite_description: favorite_description,
favorite_image: favorite_image,
favorite_tag: favorite_tag,
favorite_stoc: favorite_stoc,
favorite_reducere: favorite_reducere,
favorite_price: favorite_price,
favorite_userId: favorite_userId,
isFavorite: true,
};
with the User interface structure in firebase shown below:
export interface User {
uid: string;
email: string;
displayName: string;
photoURL: string;
emailVerified: boolean;
FavoriteID: string;
SavedFavorite: boolean;
AddCosID: string;
SavedCos: boolean;
ListaFavorite: ... // here i must pass the favoriteObj
}
Next, I need to include the function to update data:
SetUserData(user) {
const userRef: AngularFirestoreDocument<any> = this.afStore.doc(
`users/${user.uid}`
);
const userData: User = {
uid: user.uid,
email: user.email,
displayName: user.displayName,
photoURL: user.photoURL,
emailVerified: user.emailVerified,
FavoriteID: null,
SavedFavorite: null,
AddCosID: null,
SavedCos: null,
ListaFavorite : ...
};
return userRef.set(userData, {
merge: true,
});
}
My aim is to designate the favorite objects within the current user interface and then retrieve all the objects for the logged-in user's favorite page. I am uncertain about how to pass the object there. Any guidance would be appreciated.