INNER CODE UNIT · JavaScript

TinyBasketItem

CrystallizeAPI/crystallize-nextjs-boilerplate · src/components/basket/tiny-basket/item/index.js:23

export default function TinyBasketItem({ item }) {
  const { t } = useTranslation(['common', 'basket']);
  const [drawAttention, setDrawAttention] = useState(false);
  const { attentionCartItem, actions } = useBasket();

  const { attributes, images } = item;

  // Draw users attention when the item is added to the basket
  useEffect(() => {
    if (attentionCartItem.sku === item.sku) {
      setDrawAttention(true);

      let timeout = setTimeout(
        () => setDrawAttention(false),
        drawAttentionDuration
      );
      return () => clearTimeout(timeout);
    }

View source record →