first commit

src/components/order/SuccessActions.jsx

@@ -0,0 +1,28 @@
+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;