Files
eCommerce-website/src/components/order/SuccessActions.jsx
2026-02-14 16:15:31 +05:30

29 lines
819 B
JavaScript

import { Truck, Home } from "lucide-react";
import { useNavigate } from "react-router-dom";
const SuccessActions = ({ orderId }) => {
const navigate = useNavigate();
return (
<div className="flex gap-4 mt-6">
<button
onClick={() =>
navigate("/track-order", { state: { orderId } })
}
className="flex-1 flex items-center justify-center gap-2 py-3 rounded-xl bg-primary-default text-white font-semibold hover:bg-primary-dark transition"
>
<Truck /> Track Order
</button>
<button
onClick={() => navigate("/")}
className="flex-1 flex items-center justify-center gap-2 py-3 rounded-xl border font-semibold hover:bg-gray-50 transition"
>
<Home /> Home
</button>
</div>
);
};
export default SuccessActions;