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

connecting actions to page controller

Browse Source
This commit is contained in:
Amruth Pillai
2020-04-01 15:02:26 +05:30
parent 417407024e
commit a7839a307e
5 changed files with 70 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/shared/PageController.js
View File

@ -1,9 +1,10 @@
import React, { useContext } from 'react';
import PageContext from '../context/PageContext';
import { saveAsPdf } from '../utils';
const PageController = () => {
const pageContext = useContext(PageContext);
const { panZoomRef } = pageContext;
const { pageRef, panZoomRef } = pageContext;
const zoomIn = () => panZoomRef.current.zoomIn(2);
const zoomOut = () => panZoomRef.current.zoomOut(2);
@ -29,15 +30,23 @@ const PageController = () => {
<div className="text-gray-400 p-3">|</div>
<div className="p-3 hover:bg-gray-200 cursor-pointer flex">
<div
className="p-3 hover:bg-gray-200 cursor-pointer flex"
onClick={() => saveAsPdf(pageRef, panZoomRef)}
>
<i className="material-icons">save</i>
</div>
<div className="text-gray-400 p-3">|</div>
<div className="p-3 hover:bg-gray-200 cursor-pointer flex">
<a
className="p-3 hover:bg-gray-200 cursor-pointer flex"
href="https://docs.rxresu.me/"
target="_blank"
rel="noopener noreferrer"
>
<i className="material-icons">help_outline</i>
</div>
</a>
</div>
</div>
);