Other items overwrite the message

Ask the community
,
1

Hello Velo Team,

Hope you are safe and healthy.

The code designed works perfectly when you filter according to the product you are searching for. However, when the product is unavailable in the particular currency it displays message “product not available in this currency” but the items still display this hiding the message.

I need a solution for this. I want only the message should appear and not the items. I am pasting the code below. Please assist.

import wixData from 'wix-data';
export function search_click(event) {
    search();
}
$w.onReady(() => {
    $w("#dropdown1, #dropdown2").onChange(function () {
        search()
    });
});

function search() {
    wixData.query('MerchendiseDatabase')
        .contains('symbol', String($w('#currency').value))
        .contains('type', String($w('#brand').value))
        .find()
        .then(results => {
            if (results.items.length !== 0) {
                $w('#txtStatusMsg').text = "";
                $w('#txtStatusMsg').hide();
                $w('#productlist').data = results.items;
            } else {
                $w('#txtStatusMsg').text = "Coming Soon";
                $w('#txtStatusMsg').show();
            }
        })
        .catch((Error) => {
            console.log('Error occurred in search function.\n" + error.message');
        });
}
export function reset_click(event) {
    $w('#dataset1').setFilter(wixData.filter())

    $w('#currency').value = undefined;
    $w('#brand').value = undefined;
}