Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 17:21:35 +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

26
src/templates/pikachu/Pikachu.js
View File

@ -37,13 +37,15 @@ const Pikachu = () => {
</div>
);
const ContactItem = ({ icon, value }) =>
const ContactItem = ({ icon, value, link = '#' }) =>
value && (
<div className="flex items-center my-3">
<span className="material-icons text-lg mr-2" style={{ color: theme.colors.accent }}>
{icon}
</span>
<span className="font-medium break-all">{value}</span>
<a href={link}>
<span className="font-medium break-all">{value}</span>
</a>
</div>
);
@ -227,14 +229,27 @@ const Pikachu = () => {
<div className="col-span-4 overflow-hidden">
<div className="text-sm mb-6">
<ContactItem icon="phone" value={data.profile.phone} />
<ContactItem icon="language" value={data.profile.website} />
<ContactItem icon="alternate_email" value={data.profile.email} />
<ContactItem
icon="phone"
value={data.profile.phone}
link={`tel:${data.profile.phone}`}
/>
<ContactItem
icon="language"
value={data.profile.website}
link={`http://${data.profile.website}`}
/>
<ContactItem
icon="alternate_email"
value={data.profile.email}
link={`mailto:${data.profile.email}`}
/>
<ContactItem icon="location_on" value={data.profile.address.line3} />
</div>
<Skills />
<Languages />
<Certifications />
<Extras />
</div>
@ -242,7 +257,6 @@ const Pikachu = () => {
<Work />
<Education />
<Awards />
<Certifications />
<References />
</div>
</div>