Files
LogiFlow/REMOVE-SYNC-BUTTON-PRODUCTION.md
T
michaelschal 041891baf0 Remove manual sync button from the calendar
Remove the manual "Sync Status" button and its related functionality from the Calendar page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: a8a78c07-e900-425c-a577-5b4c5894379d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/a8a78c07-e900-425c-a577-5b4c5894379d/KuIk8gU
2025-08-11 20:56:57 +00:00

2.3 KiB

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) :

{user?.role === 'admin' && (
  <Button
    onClick={handleSyncOrderDeliveryStatus}
    disabled={isSyncing}
    variant="outline"
    size="sm"
    className="text-blue-600 border-blue-600 hover:bg-blue-50"
  >
    <RefreshCw className={`w-4 h-4 mr-2 ${isSyncing ? 'animate-spin' : ''}`} />
    {isSyncing ? 'Sync...' : 'Sync Status'}
  </Button>
)}

2. Supprimer la variable d'état isSyncing

Localisez et supprimez :

const [isSyncing, setIsSyncing] = useState(false);

3. Supprimer la fonction handleSyncOrderDeliveryStatus

Localisez et supprimez toute la fonction (environ 100 lignes) :

// Fonction pour synchroniser les statuts commandes/livraisons
const handleSyncOrderDeliveryStatus = async () => {
  // ... toute la fonction complète
};

Étapes de Déploiement

1. Sauvegarde

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

# 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

# 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

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.