Getcurrentitem/database.referencefield/repeater not communicating correctly

Ask the community
1

I created a random card picker. I created a page like the wishlist page, where once you click your random card, you can click to open it and it launches to a dynamic page with the full card and information. On this page is where you can “favorite” the item and have it save to a datasheet and show up in a repeater on the favorites page.

The problem lies in what is getting captured. So i got it to the point where the button is clicked, it changes and adds to the favorites database that has a reference field from the original database. But on the website the favorites box shows the placeholder images and not the images that’s supposed to be coming from the dynamic page. The list grows longer but the image does not show up . Going into the database, the user id and id is captured but the reference field has a click down to select which image from the orig database is saved. It doesn’t auto pull the image.

MY FAVORITES PAGE CODE

import wixData from 'wix-data';
import wixUsers from 'wix-users';
import wixLocation from 'wix-location';
async function loadFavorites(){
    let user = wixUsers.currentUser;
    let wishlistResult = await wixData.queryReferenced
        .eq("userId", user.id)
        .include('item, ._id', user)
        .find()
    
    if (wishlistResult.length > 0) {
        $w("#favorites").expand();
        $w("#emptyWishlist").collapse();
        $w("#favorites").data = wishlistResult.items;
        $w('#favorites').onItemReady(myItemReady);
    }
    else {
        $w("#favorites").collapse();
        $w("#emptyWishlist").expand();
    }   

	function myItemReady($w, favoritesitem){
    let item = favoritesitem.item;
    $w('#favorites').src = item.mainMedia;
    $w('#name').text = product.name;
    $w('#price').text = product.formattedPrice;
    $w('#productImage').onClick(()=>{
        wixLocation.to(tarot.tarotPageUrl);
    });
    $w('#removeItem').onClick(removeItem(wishlistItem._id));
}

}



******DYNAMIC PAGE CODE******

import wixData from 'wix-data';
import wixUsers from 'wix-users';

let item;
let user = wixUsers.currentUser;

export function notInWishList_click(event, $w) {
    if (user.loggedIn) {
        addToFavorites();        
        $w('#notInWishList').hide('fade', {duration: 100});
        $w('#inWishList').show('fade', {duration: 100});
    }
    else
        $w('#loginMessage').show();

});

$w.onReady(async function () {
let $item = $w.at(event.context);
console.log($w('#tarotdata').getCurrentItem())
});

async function addToFavorites() {
    let favoritesItem = {
        item: item, ._id, ImageBitmap,
        userId: user.id
    };

    let result = await wixData.insert("Favorites", favoritesItem);
}

Right now my button doesn’t work at all because I was manipulating the code,
Any suggestions to get the current item to pull and save to database to reflect in repeater on favorites page?