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

Issue #314: Created separate component BirthDateA, with language retrieved from data.metadata.language

Browse Source
This commit is contained in:
gianantoniopini
2020-11-09 12:42:15 +01:00
parent b365826f0a
commit 21e499502f
2 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/templates/Castform.js
View File

@ -1,5 +1,4 @@
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next';
import PageContext from '../contexts/PageContext'; import PageContext from '../contexts/PageContext';
import AwardsA from './blocks/Awards/AwardsA'; import AwardsA from './blocks/Awards/AwardsA';
import CertificationsA from './blocks/Certifications/CertificationsA'; import CertificationsA from './blocks/Certifications/CertificationsA';
@ -13,7 +12,7 @@ import ProjectsA from './blocks/Projects/ProjectsA';
import ReferencesA from './blocks/References/ReferencesA'; import ReferencesA from './blocks/References/ReferencesA';
import SkillsA from './blocks/Skills/SkillsA'; import SkillsA from './blocks/Skills/SkillsA';
import WorkA from './blocks/Work/WorkA'; import WorkA from './blocks/Work/WorkA';
import { formatDate } from '../utils'; import BirthDateA from './blocks/BirthDate/BirthDateA'
const Blocks = { const Blocks = {
objective: ObjectiveA, objective: ObjectiveA,
@ -28,8 +27,7 @@ const Blocks = {
references: ReferencesA, references: ReferencesA,
}; };
const Castform = ({ data, language }) => { const Castform = ({ data }) => {
const { t } = useTranslation();
const layout = data.metadata.layout.castform; const layout = data.metadata.layout.castform;
const Photo = () => const Photo = () =>
@ -54,23 +52,6 @@ const Castform = ({ data, language }) => {
</div> </div>
); );
const BirthDate = () => {
if (data.profile.birthDate) {
return (
<div className="text-xs">
<h6 className="capitalize font-semibold">
{t('builder.profile.birthDate')}
</h6>
<div>
<span>{formatDate({ date: data.profile.birthDate, language, includeDay: true })}</span>
</div>
</div>
);
}
return null;
}
return ( return (
<PageContext.Provider value={{ data, heading: HeadingD }}> <PageContext.Provider value={{ data, heading: HeadingD }}>
<div <div
@ -97,7 +78,7 @@ const Castform = ({ data, language }) => {
<div> <div>
<HeadingD>{data.profile.heading}</HeadingD> <HeadingD>{data.profile.heading}</HeadingD>
<div className="grid gap-4"> <div className="grid gap-4">
<BirthDate /> <BirthDateA />
<ContactC /> <ContactC />
</div> </div>
</div> </div>

26
src/templates/blocks/BirthDate/BirthDateA.js Normal file
View File

@ -0,0 +1,26 @@
import React, { memo, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import PageContext from '../../../contexts/PageContext';
import { formatDate } from '../../../utils';
const BirthDateA = () => {
const { t } = useTranslation();
const { data } = useContext(PageContext);
if (data.profile.birthDate) {
return (
<div className="text-xs">
<h6 className="capitalize font-semibold">
{t('builder.profile.birthDate')}
</h6>
<div>
<span>{formatDate({ date: data.profile.birthDate, language: data.metadata.language, includeDay: true })}</span>
</div>
</div>
);
}
return null;
}
export default memo(BirthDateA);