mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-16 17:51:43 +10:00
- refactor sections
- combine resume and metadata contexts
This commit is contained in:
@ -1,14 +1,13 @@
|
||||
import React, { memo } from 'react';
|
||||
import { Helmet } from 'react-helmet';
|
||||
import { useSelector as useMetadataSelector } from '../../../contexts/MetadataContext';
|
||||
import { useSelector as useResumeSelector } from '../../../contexts/ResumeContext';
|
||||
import { useSelector } from '../../../contexts/ResumeContext';
|
||||
import Onyx from '../../../templates/Onyx';
|
||||
import styles from './Artboard.module.css';
|
||||
|
||||
const Artboard = () => {
|
||||
const { template, layout, colors } = useMetadataSelector((store) => store);
|
||||
const state = useResumeSelector((store) => store);
|
||||
const { id, name } = state;
|
||||
const state = useSelector();
|
||||
const { id, name, metadata } = state;
|
||||
const { template } = metadata;
|
||||
|
||||
return (
|
||||
<div>
|
||||
@ -18,9 +17,7 @@ const Artboard = () => {
|
||||
</Helmet>
|
||||
|
||||
<div id="artboard" className={styles.container}>
|
||||
{template === 'Onyx' && (
|
||||
<Onyx data={state} layout={layout} colors={colors} />
|
||||
)}
|
||||
{template === 'onyx' && <Onyx data={state} />}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user