Format element based on boolean value

This is my code…

wixData.query("MembersOnly")
        .find()
        .then((results) => {
            $w("#rptMembers").show();
 
 let boolean = results.items[0].approved;
 if (boolean === true) {
                $w("#boxName").style.backgroundColor = "#FFFFF";
                console.log("approved");
            } else {
                $w("#boxName").style.backgroundColor = "#08306D";
                console.log("not approved");
            }
        })
        .catch((err) => {
 let errorMsg = err;
        });

but the console log is always showing “not approved” ??