SheepstarStudio/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the Person component

Browse Source
This commit is contained in:
Mathias Wagner 2022-09-12 21:09:29 +02:00
parent cddb09d7ae
commit c0c2d8668c
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/AboutUs/components/Person/Person.jsx Normal file
View 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;