@fortawesome/free-solid-svg-icons#faPhoneAlt JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faPhoneAlt. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: Contact.js    From Website with MIT License 5 votes vote down vote up 
export default function Contact() {
	const { t } = useTranslation();

	// prettier-ignore
	const pl = {id:"1", name:"Hanna Westerberg", role:t("ROLES.PG.PL"), email:"[email protected]", phone:"070-686 25 84", imgSrc:vakant};

	// prettier-ignore
	const pgList = [
		{id:"2", name:"Simon Johnsson", role:t("ROLES.PG.VPL"), email:"[email protected]", imgSrc:vice},
		{id:"3", name:"Fabian Kroner", role:t("ROLES.PG.FTG"), email:"[email protected]", imgSrc:ftg1},
		{id:"4", name:"Rasmus Olsson", role:t("ROLES.PG.FTG"), email:"[email protected]", imgSrc:ftg2},
		{id:"5", name:"Karlo Ravlic", role:t("ROLES.PG.EVENT"), email:"[email protected]", imgSrc:event},
		{id:"6", name:"Joel Holpers", role:t("ROLES.PG.SAMARBETE"), email:"[email protected]", imgSrc:vakant},
		{id:"7", name:"Hanna Wall", role:t("ROLES.PG.GRAFIK"), email:"[email protected]", imgSrc:grafik},
		{id:"8", name:"Leo Hemmingsson", role:t("ROLES.PG.IT"), email:"[email protected]", imgSrc:it},
		{id:"9", name:"Kristin Nilsson", role:t("ROLES.PG.MÄSSA"), email:"[email protected]", imgSrc:massbygg},
		{id:"10", name:"Sandra Dany", role:t("ROLES.PG.LOGISTIK"), email:"[email protected]", imgSrc:logistik},
		{id:"11", name:"Ida Henriksson", role:t("ROLES.PG.BANKETT"), email:"[email protected]", imgSrc:bankett},
		{id:"12", name:"Marcus Garplid", role:t("ROLES.PG.REKRYTERING"), email:"[email protected]", imgSrc:rekrytering},
		{id:"13", name:"Ilham Mahmood", role:t("ROLES.PG.SERVICE"), email:"[email protected]", imgSrc:service},
		{id:"14", name:"Linda Maria Badea", role:t("ROLES.PG.PR"), email:"[email protected]", imgSrc:marknad}
	];

	return (
		<div className="Contact">
			<div className="pg">
				<div className="Person">
					<img src={pl.imgSrc} alt="" />
					<h4>{pl.name}</h4>
					<p className="role">{pl.role}</p>
					<a href={"mailto:" + pl.email} className="serif">
						{pl.email}
					</a>
					<div className="phone">
						<FontAwesomeIcon icon={faPhoneAlt} className="icon" />
						<p className="serif">{pl.phone}</p>
					</div>
				</div>
			</div>
			<div className="pg">
				{pgList.map((person) => (
					<div className="Person" key={person.id}>
						<img src={person.imgSrc} alt="" />
						<h4>{person.name}</h4>
						<p className="role">{person.role}</p>
						<a href={"mailto:" + person.email} className="serif">
							{person.email}
						</a>
					</div>
				))}
			</div>
		</div>
	);
}