# Suppression du Bouton "Sync Status" - Production ## Modifications à Appliquer sur Votre Serveur de Production Pour supprimer le bouton "Sync Status" qui n'est plus nécessaire avec la synchronisation automatique : ### Fichier : `client/src/pages/Calendar.tsx` #### 1. Supprimer le bouton "Sync Status" **Localisez et supprimez (lignes ~319-329) :** ```typescript {user?.role === 'admin' && ( )} ``` #### 2. Supprimer la variable d'état isSyncing **Localisez et supprimez :** ```typescript const [isSyncing, setIsSyncing] = useState(false); ``` #### 3. Supprimer la fonction handleSyncOrderDeliveryStatus **Localisez et supprimez toute la fonction (environ 100 lignes) :** ```typescript // Fonction pour synchroniser les statuts commandes/livraisons const handleSyncOrderDeliveryStatus = async () => { // ... toute la fonction complète }; ``` ## Étapes de Déploiement ### 1. Sauvegarde ```bash cp client/src/pages/Calendar.tsx client/src/pages/Calendar.tsx.backup ``` ### 2. Application des Modifications Éditez le fichier `client/src/pages/Calendar.tsx` et appliquez les trois suppressions ci-dessus. ### 3. Reconstruction du Frontend ```bash # Si vous utilisez un build process npm run build # ou yarn build # Si vous utilisez Vite en production npm run build && npm run preview ``` ### 4. Redémarrage de l'Application ```bash # Via PM2 pm2 restart your-app-name # Via systemctl sudo systemctl restart your-service # Via Docker docker-compose restart ``` ## Vérification Après déploiement : - Le bouton "Sync Status" ne devrait plus apparaître dans l'interface - La synchronisation automatique fonctionnera toujours (lors des validations de livraisons) - L'interface sera plus propre et simplifiée ## Rollback si Nécessaire ```bash cp client/src/pages/Calendar.tsx.backup client/src/pages/Calendar.tsx # Puis reconstruire et redémarrer ``` --- **Résultat** : Interface calendrier simplifiée sans le bouton de synchronisation manuelle, la synchronisation se fait maintenant automatiquement lors des validations de livraisons.