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

- refactor sections

Browse Source 
- combine resume and metadata contexts
This commit is contained in:
Amruth Pillai
2020-07-09 19:18:04 +05:30
parent c00d7a9eef
commit 3b252476c4
41 changed files with 309 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/templates/Onyx.js
View File

@ -2,13 +2,16 @@ import React, { memo } from 'react';
import { FaGlobeAmericas, FaPhone } from 'react-icons/fa';
import { MdEmail } from 'react-icons/md';
const Onyx = ({ data, layout, colors }) => {
const Onyx = ({ data }) => {
const { profile, metadata } = data;
const { colors, layout } = metadata;
return (
<div
className="p-8 grid grid-cols-10 gap-4 items-center"
style={{
color: colors.textColor,
backgroundColor: colors.backgroundColor,
color: colors.text,
backgroundColor: colors.background,
}}
>
<img
@ -17,11 +20,8 @@ const Onyx = ({ data, layout, colors }) => {
alt="Photograph"
/>
<div className="col-span-5">
<h2
className="text-4xl font-bold"
style={{ color: colors.primaryColor }}
>
{data.profile.firstName} {data.profile.lastName}
<h2 className="text-4xl font-bold" style={{ color: colors.primary }}>
{profile.firstName} {profile.lastName}
</h2>
<span className="font-medium">Customer Sales Representative</span>
@ -33,17 +33,17 @@ const Onyx = ({ data, layout, colors }) => {
</div>
<div className="col-span-3 grid gap-4">
<div className="flex items-center">
<FaPhone size="14" style={{ color: colors.primaryColor }} />
<FaPhone size="14" style={{ color: colors.primary }} />
<span className="ml-4 text-sm font-medium">+1 661-808-4188</span>
</div>
<div className="flex items-center">
<FaGlobeAmericas size="14" style={{ color: colors.primaryColor }} />
<FaGlobeAmericas size="14" style={{ color: colors.primary }} />
<span className="ml-4 text-sm font-medium">nancyontheweb.com</span>
</div>
<div className="flex items-center">
<MdEmail size="14" style={{ color: colors.primaryColor }} />
<MdEmail size="14" style={{ color: colors.primary }} />
<span className="ml-4 text-sm font-medium">
nancyjack43@gmail.com
</span>