Supprimer l'élément de béquille des composants de la grille pour corriger l'erreur TypeScript
Utiliser n'importe quelle assertion de type pour le style Avatar Creator pour résoudre l'erreur TypeScript
Ajouter une assertion de type pour le style Avatar Creator pour résoudre l'erreur TypeScript
Utiliser des importations dynamiques pour les modules Avatar Creator ESM
Mettre à jour les gestionnaires de route vers Next.js 15 async params
Remplacer tout type restant par Enregistrement, inconnue et utilisation de la solution
Remplacer tous les types par des interfaces TypeScript appropriées et supprimer les importations non utilisées
Mettre à jour package-lock.json avec les dépendances Avatar Creator
Ajouter la création d'avatars Avatar Creator, la gestion de l'arrière-plan avec réaménagement, et le support complet de la bibliothèque d'avatar/arrière-plan
Ajouter la composante MemberHeader partagée avec des aires de répartition supérieures/arrière-plan au niveau des membres
- Création d'un composant membre partagé avec des images de fond et un affichage d'avatars - Options d'annulation au niveau des membres pour l'avatar et l'arriè...
Éliminer les contraintes de hauteur et de débordement de PageWrapper pour permettre le défilement
- Éliminer la hauteur: 100 % de contrainte - Éliminer le débordement : contrainte cachée - Passage de minHeight: 100 % pour permettre l'expansion - Les pages pe...
Supprimer flex-1 de la division principale du contenu pour permettre une expansion naturelle
- Supprimer la contrainte flex-1 du contenu principal div - Le contenu peut maintenant se développer naturellement pour déclencher le défilement dans un récipie...
Éliminer les contraintes de hauteur et de débordement de la page pour permettre le défilement
- Changer l'écran h en écran min-h pour permettre à la page de se développer - Éliminer les débordements cachés de la division principale du contenu pour permet...
Supprimer les contraintes de débordement des conteneurs parentes pour permettre le défilement des pages
- Enlever le trop-plein : caché dans le conteneur principal - Enlever la hauteur: 100 % du conteneur principal - Retirer le trop-plein: caché et flex: 1 du cont...
Changer la grille en autoHauteur de la disposition pour afficher tous les enregistrements sans barre de défilement
- Régler domLayout sur autoHauteur de sorte que le réseau se dilate pour s'adapter à toutes les rangées - Enlever le trop-plein : caché dans les boîtes à conten...
Diminuer les largeurs des colonnes du vendeur, du produit et de la source de 40px
- Changer la largeur de la colonne du vendeur de 80px à 40px - Modifier la largeur de la colonne du produit de 80px à 40px - Remplacer la largeur de la colonne ...
Ajouter 10px rembourrage sous Quick Search field and components
- Ajouter pb: '10px' dans le conteneur de la boîte de recherche rapide - Enlever la hauteur et aligner les propriétés d'Self qui n'ont pas fonctionné
Alignement vertical du champ et des composants de recherche rapide au milieu
- Ajouter minHeight à la boîte parent pour correspondre à la hauteur des languettes - Ajouter un flexe d'affichage et aligner le centre des objets sur les ongle...
Diminution des largeurs de colonnes du vendeur, du produit et de la source de 25px
- Remplacer la largeur de la colonne du vendeur de 105px à 80px - Modifier la largeur de la colonne du produit de 105px à 80px - Remplacer la largeur de la colo...
Diminuer les largeurs des colonnes du vendeur, du produit et de la source de 25px
- Remplacer la largeur de la colonne du vendeur de 130px à 105px - Modifier la largeur de la colonne du produit de 130px à 105px - Remplacer la largeur de la co...
Diminuer la largeur des colonnes du vendeur, du produit, de la source et de l'agent de 20px
- Remplacer la largeur de la colonne du vendeur de 150px à 130px - Changer la largeur de la colonne du produit de 150px à 130px - Remplacer la largeur de la col...
Mise à jour des largeurs de colonnes de l'État et des rues et affichage des rues
- Changer la largeur de la colonne d'état de 100px à 60px - Changer la largeur de la colonne de rue de 200px à 130px - Mettre à jour la colonne Street pour affi...
Retirer l'importation non utilisée
- Supprimer l'importation de l'icône de LocationOn depuis la suppression d' AddressRenderer
Supprimer la fonction AddressRenderer non utilisée
- Supprimer AddressRenderer depuis le remplacement de la colonne d'adresse par les colonnes de l'État et de la rue
Déplacer les filtres de l'État et de la rue pour corriger la position après le contact
- Déplacer les champs de filtres de l'État et de la rue pour être juste après le filtre de contact - Supprimer les filtres de l'État et de la rue qui étaient ap...
Mise en œuvre complète de la colonne des États et des rues
- Supprimer l'ancien champ de filtre d'adresse qui référait encore l'adresseFilterValue - Ajouter les champs de filtres d'État et de rue après le filtre à conta...
Remplacer la colonne d'adresse par les colonnes de l'État et de la rue
- Supprimer la colonne d'adresse et AddressRenderer - Ajouter la colonne d'état après le contact (shows subdivision/code d'état) - Ajouter colonne de rue après ...
Mettre à jour les largeurs de colonnes pour l'identification, l'état et le sous-état du plomb
- Modifier la largeur de la colonne ID de la tête de 245px à 230px - Modifier la largeur de la colonne d'état de 90px à 115px - Modifier la largeur de la colonn...
Mise à jour de l'état d'avancement et des largeurs de colonnes du
- Modifier la largeur de la colonne d'état de 65px à 90px - Modifier la largeur de la colonne du sous-état de 120px à 150px - Mettre à jour les largeurs corresp...
Largeurs des conteneurs de champ de mise à jour pour correspondre aux largeurs des colonnes
- Récipient de filtre à identification de plomb de 300px à 245px Récipient de filtre d'état de mise à jour de 200px à 65px - Récipient de filtres de sous-état d...
Actualiser les largeurs des colonnes avec les valeurs spécifiées
- Modifier la largeur de la colonne de la tête ID de 300px à 245px - La colonne de contact reste flex: 1 pour reprendre la largeur restante - Modifier la largeu...
Mettre à jour les ID de conducteur fictifs à la colonne d'adresse alphanumérique et de paramétrer aléatoires à 170px
- Ajouter la fonction générerRandomLeadId pour créer des chaînes alphanumériques aléatoires de longueur 13 - Remplacer les ID de plomb fictifs des nombres séque...
Actualiser les largeurs de colonne de date et remplacer les boutons d'action
- Modifier les largeurs de colonne de date de 155px à 170px (créé et attribué) - Récipients de champ de filtre à jour pour correspondre à la largeur de 170px - ...
Ajouter fin de f) de bordure gris clair à des languettes secondaires
- Ajouter frontièrePetureToutière: '1px solide rgba(0, 0, 0, 0,12)' à la languette d'état container - Fait correspondre le style trouvé sur /leads/view/page - C...
Changer les largeurs de la colonne de date à 155px
- Mise à jour des largeurs de colonnes créées et affectées de 220px à 155px - Fixer la largeur explicite, minWidth et maxWidth à 155px pour les deux colonnes Ré...
Ajouter des fonds gris aux champs de filtre restants et s'aligner sur le fond
- Changer l'alignement de la ligne du filtre du centre à l'extrémité flexible (alignement inférieur) - Ajouter un fond gris (f8fafc) à tous les conteneurs de ch...
Champs de filtre-date d'empilement verticalement avec fond gris isolé
- Changer les champs de filtre de date de la disposition horizontale à la disposition verticale (flexdirection: colonne) - Ajouter un fond gris (f8fafc) uniquem...
Déplacer la recherche rapide vers la ligne des onglets d'état, alignée à droite
- La recherche rapide apparaît maintenant sur la même ligne que les onglets d'état, alignés sur la droite - Mise en place simplifiée en supprimant la section de...
Améliorer la présentation de l'interface utilisateur et augmenter les données simulées
- Faire un texte plus petit pour les champs de filtres de date (fontSize: 0,75rem pour l'entrée, 0,7 rem pour les étiquettes) - Déplacer la recherche rapide sur...
Ajouter des composants de filtre de la plage de date pour les colonnes créées et affectées
- Ajouter des variables d'état pour les filtres de plage de date de création et d'affectation (dates de début/fin) - Créer des composants de filtre de la plage ...
Fais des liens cliquables et ajouter un double-clic pour ouvrir le lead
- Mettre à jour ContactRenderer pour afficher le premier et le nom de famille en tant que liens cliquables soulignés - Ajouter le manipulateur onClick pour cont...
Ajouter des icônes au filtre déroulant du sous-statut et mettre à jour Contrats Envoyé
- Mettre à jour "Contracts Signed" à "Contracts Sent" pour correspondre à Java enum - Changer l'icône des contrats tirés de l'affectation à l'icône - Ajouter de...
Ajuster le justaudageLa gauche à 17px pour les cellules ID de plomb
- Changer de rembourrageLa gauche de 12px à 17px pour un meilleur alignement
Ajouter des icônes uniques pour chaque sous-état avec des couleurs d'état parent
- Ajouter des icônes uniques et pertinentes pour chaque sous-état de domaine (par exemple, PersonAdd for New Lead, Message pour le message de gauche) - Les icôn...
Réduire le rembourrage dans les lignes épinglées Colonne d'identification de tête pour déplacer les valeurs restantes
- Réduire le manœssageLa gauche de 45px à 12px pour les cellules ID de plomb à la rangée - Fixer la virgule manquante dans IdRenderer Box sx prop - Cela déplace...
Ajouter des icônes à la colonne de sous-statut correspondant aux couleurs d'état parent
- Ajouter la fonction getSubStatusIcon helper pour déterminer l'icône en fonction du statut parent - Les icônes de sous-états utilisent les mêmes icônes et coul...
Déplacer la barre de filtre au-dessus des en-têtes de grille au lieu entre les en-têtes et les données
- Déplacer la barre de filtre à l'extérieur du conteneur AG Grid, positionné au-dessus de la grille - Supprimer le positionnement absolu qui cause des problèmes...
Comme ce que tu vois expédier ?
Tout cela arrive dans votre espace de travail par lui-même. Commencez sur le plan gratuit et relisez cette page dans un mois.