كود المنتج والسلة والزرار

export interface Product {  id: string;  title: string;  price: number;  image: string;  stock: number;}

import { apiClient } from '@/shared/api/client';import type { Product } from '../model/types';export async function getProduct(id: string) {  const { data } = await apiClient.get<Product>(    `/products/${id}`  );  return data;}

import { queryOptions } from '@tanstack/react-query';import { getProduct } from '../api/get-product';export const productQueries = {  detail: (id: string) =>    queryOptions({      queryKey: ['products', 'detail', id],      queryFn: () => getProduct(id),    }),};

export type { Product } from './model/types';export { productQueries } from './model/queries';export { ProductCard } from './ui/product-card';

import { apiClient } from '@/shared/api/client';export interface AddCartItemInput {  productId: string;  quantity: number;}export async function addCartItem(  input: AddCartItemInput) {  const { data } = await apiClient.post(    '/cart/items',    input  );  return data;}

import { queryOptions } from '@tanstack/react-query';import { getCart } from '../api/get-cart';export const cartQueries = {  current: () =>    queryOptions({      queryKey: ['cart', 'current'],      queryFn: getCart,    }),};

export { addCartItem } from './api/add-cart-item';export type { AddCartItemInput } from './api/add-cart-item';export { cartQueries } from './model/queries';

import { useMutation, useQueryClient } from '@tanstack/react-query';import { addCartItem } from '@/entities/cart';export function useAddToCart() {  const queryClient = useQueryClient();  return useMutation({    mutationFn: addCartItem,    onSuccess: async () => {      await queryClient.invalidateQueries({        queryKey: ['cart', 'current'],      });    },  });}

import { useAddToCart } from '../model/use-add-to-cart';interface Props {  productId: string;  disabled?: boolean;}export function AddToCartButton({  productId,  disabled,}: Props) {  const mutation = useAddToCart();  return (    <button      disabled={disabled || mutation.isPending}      onClick={() =>        mutation.mutate({          productId,          quantity: 1,        })      }    >      {mutation.isPending        ? 'Adding...'        : 'Add to Cart'}    </button>  );}

export { AddToCartButton } from './ui/add-to-cart-button';