Created the Person component
This commit is contained in:
parent
cddb09d7ae
commit
c0c2d8668c
18
src/pages/AboutUs/components/Person/Person.jsx
Normal file
18
src/pages/AboutUs/components/Person/Person.jsx
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
import './styles.sass';
|
||||||
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
||||||
|
import {faInstagram, faTwitter} from "@fortawesome/free-brands-svg-icons";
|
||||||
|
import {faGlobe} from "@fortawesome/free-solid-svg-icons";
|
||||||
|
|
||||||
|
const Person = (props) => (
|
||||||
|
<div className="person">
|
||||||
|
<img src={props.image} alt={"Image of " + props.name}/>
|
||||||
|
<h3>{props.name}</h3>
|
||||||
|
<div className="team-socials">
|
||||||
|
{props.insta ? <a href={props.insta} target="_blank"><FontAwesomeIcon icon={faInstagram} className="team-icon" /></a> : ""}
|
||||||
|
{props.twitter ? <a href={props.twitter} target="_blank"><FontAwesomeIcon icon={faTwitter} className="team-icon" /></a> : ""}
|
||||||
|
{props.web ? <a href={props.web} target="_blank"><FontAwesomeIcon icon={faGlobe} className="team-icon" /></a> : ""}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
export default Person;
|
Loading…
x
Reference in New Issue
Block a user