Context

// src/context/CartContext.js
import React, { createContext, useState } from 'react';

export const CartContext = createContext();

export const CartProvider = ({ children }) => {
  const [cart, setCart] = useState([]);

  const addToCart = (product) => {
    setCart([...cart, product]);
  };

  const removeFromCart = (index) => {
    setCart(cart.filter((_, i) => i !== index));
  };

  const clearCart = () => {
    setCart([]);
  };

  return (
    <CartContext.Provider value={{ cart, addToCart, removeFromCart, clearCart }}>
      {children}
    </CartContext.Provider>
  );
};

import axios from 'axios';

const apiConfig = axios.create({
  baseURL: process.env.REACT_APP_WC_API_URL,
  auth: {
    username: process.env.REACT_APP_WC_CONSUMER_KEY,
    password: process.env.REACT_APP_WC_CONSUMER_SECRET,
  },
});

export default apiConfig;