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

- recreating onyx template

Browse Source 
- profile section complete
This commit is contained in:
Amruth Pillai
2020-07-05 16:45:29 +05:30
parent 03e1de1d14
commit 49a867dd37
17 changed files with 159 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/builder/center/Artboard.js
View File

@ -1,21 +1,16 @@
import React, { useContext } from "react";
import ResumeContext from "../../../contexts/ResumeContext";
import TemplateContext from "../../../contexts/TemplateContext";
import Onyx from "../../../templates/Onyx";
import styles from "./Artboard.module.css";
const Artboard = () => {
const { blocks } = useContext(TemplateContext);
const { blocks, colors } = useContext(TemplateContext);
const { state } = useContext(ResumeContext);
return (
<div className={styles.container}>
<div className={`grid gap-8 grid-cols-${blocks.length}`}>
{blocks.map((block, ind) => (
<div key={ind} className="col-span-1">
{block.map((x) => (
<div key={x.id}>{x.name}</div>
))}
</div>
))}
</div>
<div id="artboard" className={styles.container}>
<Onyx data={state} layout={blocks} colors={colors} />
</div>
);
};