Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-19 11:12:00 +10:00
Code Issues Packages Projects Releases Wiki Activity

update previews, make links clickable

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-27 21:10:48 +05:30
parent 6eccbd5373
commit bca51870ef
6 changed files with 52 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/templates/gengar/Gengar.js
View File

@ -30,7 +30,7 @@ const Gengar = () => {
</div>
);
const ContactItem = ({ icon, value }) =>
const ContactItem = ({ icon, value, link = '#' }) =>
value && (
<div className="flex items-center mb-3">
<div
@ -44,7 +44,9 @@ const Gengar = () => {
{icon}
</i>
</div>
<span className="text-sm font-medium break-all">{value}</span>
<a href={link}>
<span className="text-sm font-medium break-all">{value}</span>
</a>
</div>
);
@ -237,9 +239,17 @@ const Gengar = () => {
<hr className="w-1/4 my-5 opacity-50" />
<ContactItem icon="phone" value={data.profile.phone} />
<ContactItem icon="alternate_email" value={data.profile.email} />
<ContactItem icon="language" value={data.profile.website} />
<ContactItem icon="phone" value={data.profile.phone} link={`tel:${data.profile.phone}`} />
<ContactItem
icon="alternate_email"
value={data.profile.email}
link={`mailto:${data.profile.email}`}
/>
<ContactItem
icon="language"
value={data.profile.website}
link={`http://${data.profile.website}`}
/>
<ContactItem icon="location_on" value={data.profile.address.line3} />
</div>
@ -258,16 +268,12 @@ const Gengar = () => {
<Skills />
<Languages />
<Education />
<Certifications />
</div>
<div className="col-span-8 px-6 py-8">
<Work />
<div className="grid grid-cols-2 gap-6">
<Awards />
<Certifications />
</div>
<Awards />
<References />
</div>
</div>