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

add action button to load dummy data

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-27 21:23:59 +05:30
parent bca51870ef
commit 91104a43a2
5 changed files with 33 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/RightSidebar/tabs/Actions.js
View File

@ -24,6 +24,11 @@ const ActionsTab = ({ data, theme, dispatch }) => {
dlAnchor.click();
};
const loadDummyData = () => {
dispatch({ type: 'load_dummy_data' });
dispatch({ type: 'save_data' });
};
const resetEverything = () => {
dispatch({ type: 'reset' });
dispatch({ type: 'save_data' });
@ -88,7 +93,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
<button
type="button"
onClick={() => window.print()}
className="mt-4 w-1/2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-2 px-5 rounded"
className="mt-4 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-2 px-5 rounded"
>
<div className="flex justify-center items-center">
<i className="material-icons mr-2 font-bold text-base">print</i>
@ -99,6 +104,28 @@ const ActionsTab = ({ data, theme, dispatch }) => {
<hr className="my-6" />
<div className="shadow text-center p-5">
<h6 className="font-bold text-sm mb-2">Load Dummy Data</h6>
<div className="text-sm">
Unclear on what to do with a fresh blank page? Load some dummy data with pre-populated
values to see how a resume should look and you can start editing from there.
</div>
<button
type="button"
onClick={loadDummyData}
className="mt-4 bg-green-600 hover:bg-green-700 text-white text-sm font-medium py-2 px-5 rounded"
>
<div className="flex justify-center items-center">
<i className="material-icons mr-2 font-bold text-base">flight_takeoff</i>
<span className="text-sm">Populate Data</span>
</div>
</button>
</div>
<hr className="my-6" />
<div className="shadow text-center p-5">
<h6 className="font-bold text-sm mb-2">Reset Everything!</h6>
@ -111,7 +138,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
<button
type="button"
onClick={resetEverything}
className="mt-4 w-1/2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-5 rounded"
className="mt-4 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-5 rounded"
>
<div className="flex justify-center items-center">
<i className="material-icons mr-2 font-bold text-base">refresh</i>