Merge pull request #15 from apsinghdev/Feat/options-component

setup context for state management

Author: apsinghdev

client/src/appContext.jsx

@@ -0,0 +1,17 @@
+/* eslint-disable react/prop-types */
+// AppContext.js
+import { createContext, useState } from "react";
+
+const AppContext = createContext();
+
+const AppProvider = ({ children }) => {
+  const [parentState, setParentState] = useState("Parent State");
+
+  return (
+    <AppContext.Provider value={{ parentState, setParentState }}>
+      {children}
+    </AppContext.Provider>
+  );
+};
+
+export { AppContext, AppProvider };

client/src/components/Menu.jsx

@@ -0,0 +1,16 @@
+import MenuItem from "./MenuItem";
+import Socials from "./Socials";
+
+function Menu(){
+    return (
+      <div className="w-20 h-auto bg-white z-100">
+        <MenuItem feat="Start Collaboration"></MenuItem>
+        <MenuItem feat="Start Chat"></MenuItem>
+        <MenuItem feat="Save as pdf"></MenuItem>
+        <MenuItem feat="Save as png"></MenuItem>
+        <Socials></Socials>
+      </div>
+    );
+}
+
+export default Menu;

client/src/components/MenuItem.jsx

@@ -0,0 +1,10 @@
+/* eslint-disable react/prop-types */
+function MenuItem(props){
+    return(
+        <div>
+            <h1>{props.feat}</h1>
+        </div>
+    )
+}
+
+export default MenuItem;