fix(ar1-admin): tab icon spacing via marginRight inline (primeflex non disponibile)

Il tentativo precedente usava la classe 'mr-2' (convenzione Primeflex), ma
grep conferma che primeflex NON e incluso nel progetto (nessun import in src/,
assente da package.json). 'mr-2' era classe morta → icone restavano attaccate.

Pattern corretto del progetto (vedi Ar1ComplianceModal.js:73, SchemaTemplatePicker.js:111):
  <i className="pi pi-X" style={{ marginRight: '0.5rem' }} />

Soluzione: TabPanel 'leftIcon' stringa -> 'header' JSX con icona+label:
  header={<span><i className="pi pi-X" style={{marginRight:'0.5rem'}} />Label</span>}

Applicato ai 5 TabPanel (Template / Policy / Regole reminder / Invio massivo /
Testi comunicazioni).
This commit is contained in:
BFLOWS
2026-04-23 15:21:02 +02:00
parent 21c58311e2
commit 84ada138f2

View File

@@ -59,7 +59,7 @@ const PEC_KIND_OPTIONS = [
];
/**
* Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950352)
* Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950454)
* URL: /ar1-admin
*
* 5 sezioni (TabView):
@@ -538,7 +538,7 @@ const Ar1AdminConfig = () => {
<TabView activeIndex={activeIndex} onTabChange={(e) => setActiveIndex(e.index)}>
{/* ================ TAB 1: TEMPLATE ================ */}
<TabPanel header="Template" leftIcon="pi pi-file-edit mr-2">
<TabPanel header={<span><i className="pi pi-file-edit" style={{ marginRight: '0.5rem' }} />Template</span>}>
<Card title="Template in uso" style={{ marginBottom: 14 }}>
<Message severity="info" style={{ marginBottom: 14 }} text="Questi sono i template attualmente usati per la compilazione AR1. Le modifiche al layout grafico sono immediate per tutte le nuove bozze. Per cambiamenti strutturali, crea una nuova versione." />
<DataTable value={activeTemplates} loading={loadingTpl} emptyMessage="Nessun template in uso">
@@ -563,7 +563,7 @@ const Ar1AdminConfig = () => {
</TabPanel>
{/* ================ TAB 2: POLICY ================ */}
<TabPanel header="Policy" leftIcon="pi pi-cog mr-2">
<TabPanel header={<span><i className="pi pi-cog" style={{ marginRight: '0.5rem' }} />Policy</span>}>
<Card>
{!policyDraft && <p>Caricamento</p>}
{policyDraft && (
@@ -630,7 +630,7 @@ const Ar1AdminConfig = () => {
</TabPanel>
{/* ================ TAB 3: REGOLE ================ */}
<TabPanel header="Regole reminder" leftIcon="pi pi-bell mr-2">
<TabPanel header={<span><i className="pi pi-bell" style={{ marginRight: '0.5rem' }} />Regole reminder</span>}>
<Card>
<Message severity="info" style={{ marginBottom: 14 }} text="Le regole definiscono QUANDO partono automaticamente le PEC di sollecito. Per il contenuto dei testi, vai al tab 'Testi comunicazioni'." />
<div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 10 }}>
@@ -647,7 +647,7 @@ const Ar1AdminConfig = () => {
</TabPanel>
{/* ================ TAB 4: BULK PEC ================ */}
<TabPanel header="Invio massivo" leftIcon="pi pi-send mr-2">
<TabPanel header={<span><i className="pi pi-send" style={{ marginRight: '0.5rem' }} />Invio massivo</span>}>
<Card>
<Message severity="warn" style={{ marginBottom: 14 }} text="Questa azione segna le aziende selezionate per l'invio di una PEC di sollecito AR1. Esegui sempre prima l'anteprima per verificare il numero di destinatari." />
@@ -696,7 +696,7 @@ const Ar1AdminConfig = () => {
</TabPanel>
{/* ================ TAB 5: TESTI PEC ================ */}
<TabPanel header="Testi comunicazioni" leftIcon="pi pi-envelope mr-2">
<TabPanel header={<span><i className="pi pi-envelope" style={{ marginRight: '0.5rem' }} />Testi comunicazioni</span>}>
<Card>
<Message severity="info" style={{ marginBottom: 10 }} text="Qui modifichi oggetto e corpo delle PEC inviate dal sistema. Ogni modifica incrementa la versione: il backend Gepafin sincronizza automaticamente i testi nei suoi template per-hub (PEC Massiva / Mailgun)." />