fix: Update PrimeReact to v10.8.3 and fix all compilation errors
This commit is contained in:
@@ -58,13 +58,12 @@ import { InputNumber } from 'primereact/inputnumber';
|
||||
import { ColorPicker } from 'primereact/colorpicker';
|
||||
import { ListBox } from 'primereact/listbox';
|
||||
import { Fieldset } from 'primereact/fieldset';
|
||||
// import { MeterGroup } from 'primereact/metergroup'; // Module not available
|
||||
// import { ProgressBar } from 'primereact/progressbar'; // Module not available
|
||||
import { TreeTable } from 'primereact/treetable';
|
||||
import { Tree } from 'primereact/tree';
|
||||
import { ScrollTop } from 'primereact/scrolltop';
|
||||
import { VirtualScroller } from 'primereact/virtualscroller';
|
||||
import { DeferredContent } from 'primereact/deferredcontent';
|
||||
import { InlineMessage } from 'primereact/inlinemessage';
|
||||
import { Carousel } from 'primereact/carousel';
|
||||
import { Terminal } from 'primereact/terminal';
|
||||
|
||||
@@ -144,7 +143,7 @@ const DemandesAccesAdmin = () => {
|
||||
const overlayPanel = useRef<OverlayPanel>(null);
|
||||
const contextMenu = useRef<ContextMenu>(null);
|
||||
const terminal = useRef<Terminal>(null);
|
||||
const dt = useRef<DataTable>(null);
|
||||
const dt = useRef<DataTable<any>>(null);
|
||||
|
||||
const statusOptions = [
|
||||
{ label: 'Tous', value: '', icon: 'pi pi-list' },
|
||||
@@ -237,7 +236,7 @@ const DemandesAccesAdmin = () => {
|
||||
case 'APPROVED': return 'success';
|
||||
case 'REJECTED': return 'danger';
|
||||
case 'SUSPENDED': return 'info';
|
||||
default: return 'secondary';
|
||||
default: return 'info';
|
||||
}
|
||||
};
|
||||
|
||||
@@ -251,6 +250,19 @@ const DemandesAccesAdmin = () => {
|
||||
}
|
||||
};
|
||||
|
||||
// Filtrage des demandes
|
||||
const filteredDemandes = demandes.filter(demande => {
|
||||
const matchesGlobal = !globalFilter ||
|
||||
demande.nom.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.prenom.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.email.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.entreprise.toLowerCase().includes(globalFilter.toLowerCase());
|
||||
|
||||
const matchesStatus = !statusFilter || demande.status === statusFilter;
|
||||
|
||||
return matchesGlobal && matchesStatus;
|
||||
});
|
||||
|
||||
const statusBodyTemplate = (rowData: DemandeAcces) => {
|
||||
return <Tag value={getStatusLabel(rowData.status)} severity={getStatusSeverity(rowData.status)} />;
|
||||
};
|
||||
@@ -677,17 +689,8 @@ const DemandesAccesAdmin = () => {
|
||||
</div>
|
||||
);
|
||||
|
||||
const filteredDemandes = demandes.filter(demande => {
|
||||
const matchesGlobal = !globalFilter ||
|
||||
demande.nom.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.prenom.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.email.toLowerCase().includes(globalFilter.toLowerCase()) ||
|
||||
demande.entreprise.toLowerCase().includes(globalFilter.toLowerCase());
|
||||
|
||||
const matchesStatus = !statusFilter || demande.status === statusFilter;
|
||||
|
||||
return matchesGlobal && matchesStatus;
|
||||
});
|
||||
|
||||
|
||||
|
||||
const renderKPIDashboard = () => (
|
||||
<div className="grid mb-4">
|
||||
@@ -949,7 +952,7 @@ const DemandesAccesAdmin = () => {
|
||||
<Avatar
|
||||
label={item.prenom.charAt(0) + item.nom.charAt(0)}
|
||||
className="mr-2"
|
||||
size="small"
|
||||
size="normal"
|
||||
/>
|
||||
<div>
|
||||
<div className="font-bold">{item.prenom} {item.nom}</div>
|
||||
@@ -1279,7 +1282,7 @@ const DemandesAccesAdmin = () => {
|
||||
<label>Demandes approuvées</label>
|
||||
</div>
|
||||
<div className="flex align-items-center gap-2">
|
||||
<Checkbox />
|
||||
<Checkbox checked={false} onChange={() => {}} />
|
||||
<label>Demandes en retard</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1668,7 +1671,7 @@ const DemandesAccesAdmin = () => {
|
||||
<label className="text-sm">Envoyer un email de bienvenue</label>
|
||||
</div>
|
||||
<div className="flex align-items-center gap-2 mt-2">
|
||||
<Checkbox />
|
||||
<Checkbox checked={false} onChange={() => {}} />
|
||||
<label className="text-sm">Programmer une formation</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1793,4 +1796,6 @@ if (typeof document !== 'undefined') {
|
||||
const style = document.createElement('style');
|
||||
style.textContent = customStyles;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user