lucapipit / Epicode_M6_D1

0 stars 0 forks source link

Improve code inside components #1

Open justoverclockl opened 1 year ago

justoverclockl commented 1 year ago

https://github.com/lucapipit/Epicode_M6_D1/blob/3291d0b08f12414662f5d7cc7b3824c58f821b9c/front_end/src/components/PostDetail.jsx#L23-L30

riguardo questo codice, aumentiamo la leggibilità e manutenibilità, che ne dici di una cosa tipo

const categoryIcons = {
  cardiology: 'activity',
  immunology: 'shield-fill-exclamation',
  pediatrics: 'bandaid-fill',
  radiology: 'radioactive',
  biotechnology: 'fingerprint',
};

// Inside the component
{category && category.map((el) => (
  <i key={nanoid()} className={`bi bi-${categoryIcons[el]}`}></i>
))}
lucapipit commented 1 year ago

Buongiorno Marco, grazie del consiglio! Apporterò la modifica al più presto: Luca

Il giorno gio 31 ago 2023 alle ore 10:36 Marco Colia < @.***> ha scritto:

https://github.com/lucapipit/Epicode_M6_D1/blob/3291d0b08f12414662f5d7cc7b3824c58f821b9c/front_end/src/components/PostDetail.jsx#L23-L30

riguardo questo codice, aumentiamo la leggibilità e manutenibilità, che ne dici di una cosa tipo

const categoryIcons = { cardiology: 'activity', immunology: 'shield-fill-exclamation', pediatrics: 'bandaid-fill', radiology: 'radioactive', biotechnology: 'fingerprint',}; // Inside the component{category && category.map((el) => ( <i key={nanoid()} className={bi bi-${categoryIcons[el]}}>))}

— Reply to this email directly, view it on GitHub https://github.com/lucapipit/Epicode_M6_D1/issues/1, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6BOCWMDL6AZRHQCMQVCH53XYBEIHANCNFSM6AAAAAA4FWOGPE . You are receiving this because you are subscribed to this thread.Message ID: @.***>