Place Order

import { useMutation, useQueryClient } from "@tanstack/react-query";
import { orpc } from "@/server/orpc/client";

export function PlaceOrderButton() {
  const queryClient = useQueryClient();
  
  const placeOrder = useMutation({
    mutationFn: async (params: {
      symbol: string;
      quantity: number;
      side: "buy" | "sell" | "long" | "short";
      type?: "market" | "limit";
      limitPrice?: number;
      leverage?: number;
      confidence?: number;
    }) => {
      const result = await orpc.simulator.placeOrder.mutate(params);
      return result;
    },
    onSuccess: () => {
      // Invalidate account and positions queries
      queryClient.invalidateQueries({ queryKey: ["simulator", "getAccount"] });
    },
  });

  const handlePlaceTrade = () => {
    placeOrder.mutate({
      symbol: "BTC-USD",
      quantity: 0.5,
      side: "long",
      type: "market",
      leverage: 3,
      confidence: 0.85,
    });
  };

  return (
    <button 
      onClick={handlePlaceTrade}
      disabled={placeOrder.isPending}
    >
      {placeOrder.isPending ? "Placing Order..." : "Place Order"}
    </button>
  );
}