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

- memoize all components

Browse Source 
- implement metadata context
This commit is contained in:
Amruth Pillai
2020-07-09 14:00:18 +05:30
parent 9e98da038c
commit 3aaef5f730
71 changed files with 489 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/builder/center/Artboard.js
View File

@ -1,13 +1,13 @@
import React, { useContext } from 'react';
import React, { memo } from 'react';
import { Helmet } from 'react-helmet';
import { useSelector } from '../../../contexts/ResumeContext';
import TemplateContext from '../../../contexts/TemplateContext';
import { useSelector as useMetadataSelector } from '../../../contexts/MetadataContext';
import { useSelector as useResumeSelector } from '../../../contexts/ResumeContext';
import Onyx from '../../../templates/Onyx';
import styles from './Artboard.module.css';
const Artboard = () => {
const { selected, blocks, colors } = useContext(TemplateContext);
const state = useSelector((store) => store);
const { template, layout, colors } = useMetadataSelector((store) => store);
const state = useResumeSelector((store) => store);
const { id, name } = state;
return (
@ -18,12 +18,12 @@ const Artboard = () => {
</Helmet>
<div id="artboard" className={styles.container}>
{selected === 'Onyx' && (
<Onyx data={state} layout={blocks} colors={colors} />
{template === 'Onyx' && (
<Onyx data={state} layout={layout} colors={colors} />
)}
</div>
</div>
);
};
export default Artboard;
export default memo(Artboard);