From d02fad1164a8aeff02f34c6a00d7aa3662ae50ab Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Mon, 6 Jul 2020 16:07:32 +0530
Subject: [PATCH] - fix bug with multiple modal appearances

---
 src/modals/CreateResumeModal.js |  4 ++++
 src/pages/app/builder.js        | 23 ++++++++++-------------
 src/pages/app/dashboard.js      |  5 ++---
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/modals/CreateResumeModal.js b/src/modals/CreateResumeModal.js
index fb2519d3..68f11015 100644
--- a/src/modals/CreateResumeModal.js
+++ b/src/modals/CreateResumeModal.js
@@ -24,6 +24,10 @@ const CreateResumeModal = () => {
   const { emitter, events } = useContext(ModalContext);
   const { createResume, updateResume } = useContext(DatabaseContext);
 
+  useEffect(() => {
+    console.log("called", open);
+  }, []);
+
   useEffect(() => {
     const unbind = emitter.on(events.CREATE_RESUME_MODAL, (data) => {
       setOpen(true);
diff --git a/src/pages/app/builder.js b/src/pages/app/builder.js
index dd1187f7..092830eb 100644
--- a/src/pages/app/builder.js
+++ b/src/pages/app/builder.js
@@ -3,7 +3,6 @@ import Artboard from "../../components/builder/center/Artboard";
 import LeftSidebar from "../../components/builder/left/LeftSidebar";
 import RightSidebar from "../../components/builder/right/RightSidebar";
 import LoadingScreen from "../../components/router/LoadingScreen";
-import Wrapper from "../../components/shared/Wrapper";
 import DatabaseContext from "../../contexts/DatabaseContext";
 import ResumeContext from "../../contexts/ResumeContext";
 
@@ -25,19 +24,17 @@ const Builder = ({ user, id }) => {
   }
 
   return (
-    <Wrapper>
-      <div className="h-screen grid grid-cols-11">
-        <div className="col-span-3">
-          <LeftSidebar />
-        </div>
-        <div className="h-screen overflow-scroll col-span-5 bg-inverse-dark grid items-center justify-center">
-          <Artboard />
-        </div>
-        <div className="col-span-3">
-          <RightSidebar />
-        </div>
+    <div className="h-screen grid grid-cols-11">
+      <div className="col-span-3">
+        <LeftSidebar />
       </div>
-    </Wrapper>
+      <div className="h-screen overflow-scroll col-span-5 bg-inverse-dark grid items-center justify-center">
+        <Artboard />
+      </div>
+      <div className="col-span-3">
+        <RightSidebar />
+      </div>
+    </div>
   );
 };
 
diff --git a/src/pages/app/dashboard.js b/src/pages/app/dashboard.js
index 6010fbb2..91f751cc 100644
--- a/src/pages/app/dashboard.js
+++ b/src/pages/app/dashboard.js
@@ -5,7 +5,6 @@ import CreateResume from "../../components/dashboard/CreateResume";
 import ResumePreview from "../../components/dashboard/ResumePreview";
 import TopNavbar from "../../components/dashboard/TopNavbar";
 import LoadingScreen from "../../components/router/LoadingScreen";
-import Wrapper from "../../components/shared/Wrapper";
 
 const Dashboard = ({ user }) => {
   const [resumes, loading] = useListVals(
@@ -17,7 +16,7 @@ const Dashboard = ({ user }) => {
   }
 
   return (
-    <Wrapper>
+    <div>
       <TopNavbar />
 
       <div className="container mt-12">
@@ -29,7 +28,7 @@ const Dashboard = ({ user }) => {
           ))}
         </div>
       </div>
-    </Wrapper>
+    </div>
   );
 };