src/components/dashboard/NewServiceCard.jsx

@@ -4,7 +4,7 @@ export default function NewServiceCard({ onClick }) {
     return (
         <div 
             onClick={onClick}
-            className="bg-transparent border-2 border-dashed border-gray-700 hover:border-cyan-400 p-6 rounded-xl transition-colors cursor-pointer flex flex-col items-center justify-center text-center group min-h-[200px]"
+            className="bg-transparent border-2 border-dashed border-gray-700 hover:border-cyan-400 p-6 rounded-xl transition-colors cursor-pointer flex flex-col items-center justify-center text-center group min-h-50"
         >
             <div className="p-3 bg-gray-800/50 rounded-full group-hover:bg-cyan-400/20 transition-colors mb-4">
                 <Plus className="w-8 h-8 text-gray-400 group-hover:text-cyan-400" />

src/services/billing_api.js

@@ -203,15 +203,18 @@ export const changeClientPassword = (current_password, new_password) =>
 
 // Souscription
 
-// Resiliation (après 14 jours)
+// Resiliation
-export const cancelRenewal = (order_id) =>
+// Action : Demande d'annulation (S'occupe de vérifier les 14 jours côté serveur)
-    apiCall(`${BASE_URL}/api/admin/order/update`, {
+export const cancelOrder = (orderId) => {
-        id: order_id,
+    // On utilise votre moteur apiCall existant, il transmettra automatiquement 
-        cancel_at_expiration: 1
+    // le token "Bearer" dans le header Authorization !
+    return apiCall(`${CUSTOM_API_URL}/cancel_subscription.php`, 'POST', { 
+        order_id: orderId 
     });
+};
 
 // Suppression
-export const cancelOrder = (order_id) =>
+export const deleteOrder = (order_id) =>
     apiCall(`${BASE_URL}/api/client/order/delete`, { id: order_id });
 
 // Promotion (Surclassement)