- implement lists

- implement generic sections
- implement list actions
- implement error handlers

src/components/builder/left/LeftSidebar.js

@@ -1,9 +1,12 @@
-import React, { Fragment } from "react";
+import React, { Fragment, useContext } from "react";
+import ResumeContext from "../../../contexts/ResumeContext";
 import sections from "../../../data/leftSections";
 import LeftNavbar from "./LeftNavbar";
 import styles from "./LeftSidebar.module.css";
 
 const LeftSidebar = () => {
+  const { state } = useContext(ResumeContext);
+
   return (
     <div className="flex">
       <LeftNavbar />
@@ -11,7 +14,7 @@ const LeftSidebar = () => {
       <div className={styles.container}>
         {sections.map(({ id, component: Component }) => (
           <Fragment key={id}>
-            <Component />
+            <Component state={state} />
             <hr />
           </Fragment>
         ))}