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

implement reorder/moving of sections between blocks

Browse Source
This commit is contained in:
Amruth Pillai
2020-07-05 13:34:04 +05:30
parent 202c7f5ad4
commit 03e1de1d14
8 changed files with 240 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,23 @@
import React from "react";
import React, { useContext } from "react";
import TemplateContext from "../../../contexts/TemplateContext";
import styles from "./Artboard.module.css";
const Artboard = () => {
return <div className={styles.container}></div>;
const { blocks } = useContext(TemplateContext);
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>
);
};
export default Artboard;