diff --git a/src/components/FaIcon/FaIcon.js b/src/components/FaIcon/FaIcon.js index 7c22354..9e1aa4a 100644 --- a/src/components/FaIcon/FaIcon.js +++ b/src/components/FaIcon/FaIcon.js @@ -1,20 +1,34 @@ import React from "react" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" -import "../FontAwesomeOne/FontAwesomeOne" +import { faEnvelope, faLocationDot } from "@fortawesome/free-solid-svg-icons" +import { faLinkedin, faTwitter, faInstagram, faYoutube, faSpotify } from "@fortawesome/free-brands-svg-icons" import PropTypes from "prop-types" +// Mapeo de los íconos que se usan +const iconMap = { + "fa-envelope": faEnvelope, + "fa-location-dot": faLocationDot, + "fa-linkedin": faLinkedin, + "fa-twitter": faTwitter, + "fa-instagram": faInstagram, + "fa-youtube": faYoutube, + "fa-spotify": faSpotify, +} const FaIcon = ({ type, code }) => { - return ( -
- -
- ) + const icon = iconMap[code] + + if (!icon) { + console.warn(`Icono no encontrado: type=${type}, code=${code}`) + return null + } + + return } FaIcon.propTypes = { type: PropTypes.string.isRequired, - code: PropTypes.string.isRequired + code: PropTypes.string.isRequired, } export default FaIcon \ No newline at end of file diff --git a/src/components/FontAwesomeOne/FontAwesomeOne.js b/src/components/FontAwesomeOne/FontAwesomeOne.js index f842dda..36959b8 100644 --- a/src/components/FontAwesomeOne/FontAwesomeOne.js +++ b/src/components/FontAwesomeOne/FontAwesomeOne.js @@ -1,8 +1,11 @@ import { library } from '@fortawesome/fontawesome-svg-core' -import { fas } from '@fortawesome/free-solid-svg-icons' -import { far } from '@fortawesome/free-regular-svg-icons' -import { fab } from '@fortawesome/free-brands-svg-icons' +import { faEnvelope, faLocationDot } from "@fortawesome/free-solid-svg-icons" +import { faLinkedin, faTwitter, faInstagram, faYoutube, faSpotify } from "@fortawesome/free-brands-svg-icons" -library.add(fas) -library.add(far) -library.add(fab) \ No newline at end of file +library.add(faEnvelope) +library.add(faLocationDot) +library.add(faLinkedin) +library.add(faTwitter) +library.add(faInstagram) +library.add(faYoutube) +library.add(faSpotify) \ No newline at end of file