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

- fix bug with multiple modal appearances

Browse Source
This commit is contained in:
Amruth Pillai
2020-07-06 16:07:32 +05:30
parent dbb005d26c
commit d02fad1164
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modals/CreateResumeModal.js
View File

@ -24,6 +24,10 @@ const CreateResumeModal = () => {
const { emitter, events } = useContext(ModalContext); const { emitter, events } = useContext(ModalContext);
const { createResume, updateResume } = useContext(DatabaseContext); const { createResume, updateResume } = useContext(DatabaseContext);
useEffect(() => {
console.log("called", open);
}, []);
useEffect(() => { useEffect(() => {
const unbind = emitter.on(events.CREATE_RESUME_MODAL, (data) => { const unbind = emitter.on(events.CREATE_RESUME_MODAL, (data) => {
setOpen(true); setOpen(true);

23
src/pages/app/builder.js
View File

@ -3,7 +3,6 @@ import Artboard from "../../components/builder/center/Artboard";
import LeftSidebar from "../../components/builder/left/LeftSidebar"; import LeftSidebar from "../../components/builder/left/LeftSidebar";
import RightSidebar from "../../components/builder/right/RightSidebar"; import RightSidebar from "../../components/builder/right/RightSidebar";
import LoadingScreen from "../../components/router/LoadingScreen"; import LoadingScreen from "../../components/router/LoadingScreen";
import Wrapper from "../../components/shared/Wrapper";
import DatabaseContext from "../../contexts/DatabaseContext"; import DatabaseContext from "../../contexts/DatabaseContext";
import ResumeContext from "../../contexts/ResumeContext"; import ResumeContext from "../../contexts/ResumeContext";
@ -25,19 +24,17 @@ const Builder = ({ user, id }) => {
} }
return ( return (
<Wrapper> <div className="h-screen grid grid-cols-11">
<div className="h-screen grid grid-cols-11"> <div className="col-span-3">
<div className="col-span-3"> <LeftSidebar />
<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> </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>
); );
}; };

5
src/pages/app/dashboard.js
View File

@ -5,7 +5,6 @@ import CreateResume from "../../components/dashboard/CreateResume";
import ResumePreview from "../../components/dashboard/ResumePreview"; import ResumePreview from "../../components/dashboard/ResumePreview";
import TopNavbar from "../../components/dashboard/TopNavbar"; import TopNavbar from "../../components/dashboard/TopNavbar";
import LoadingScreen from "../../components/router/LoadingScreen"; import LoadingScreen from "../../components/router/LoadingScreen";
import Wrapper from "../../components/shared/Wrapper";
const Dashboard = ({ user }) => { const Dashboard = ({ user }) => {
const [resumes, loading] = useListVals( const [resumes, loading] = useListVals(
@ -17,7 +16,7 @@ const Dashboard = ({ user }) => {
} }
return ( return (
<Wrapper> <div>
<TopNavbar /> <TopNavbar />
<div className="container mt-12"> <div className="container mt-12">
@ -29,7 +28,7 @@ const Dashboard = ({ user }) => {
))} ))}
</div> </div>
</div> </div>
</Wrapper> </div>
); );
}; };