Estoy usando esto en este momento, necesito agregar una condición de tal manera que cada vez que getCartCount sea 0 , debería mostrar la imagen como bag_empty en lugar de bag y cuando el recuento de carritos sea mayor que 0 , debería mostrar bag
<Badge count={getCartCount()}> <img className="bag__img" src={bag} alt="" onClick={user ? handleOpenBag : handleDynamicLink} onMouseOver={() => setbag(hoverbag)} onMouseOut={() => setbag(cart)} /> </Badge>Podría usar un operador ternario como el que se muestra a continuación, suponiendo que tiene la imagen de su bolsa vacía en su carpeta pública.
<Badge count={getCartCount()}> <img className="bag__img" src={getCartCount()>0 ? bag : "/emty-bag-goes-here.png"} alt="" onClick={user ? handleOpenBag : handleDynamicLink} onMouseOver={() => setbag(hoverbag)} onMouseOut={() => setbag(cart)} /> </Badge>