- implement i18n

- translation dynamic for sections
- added articles for SEO
This commit is contained in:
Amruth Pillai
2020-07-16 08:42:19 +05:30
parent b7c565de79
commit a7657b4a5c
74 changed files with 2373 additions and 586 deletions

View File

@ -1,4 +1,5 @@
import React, { memo, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import PageContext from '../../../contexts/PageContext';
import { safetyCheck } from '../../../utils';
@ -18,13 +19,16 @@ const ContactItem = ({ value, label, link }) => {
};
const ContactC = () => {
const { t } = useTranslation();
const { data } = useContext(PageContext);
return (
<div className="text-xs grid gap-2">
{data.profile.address.line1 && (
<div>
<h6 className="capitalize font-semibold">Address</h6>
<h6 className="capitalize font-semibold">
{t('shared.forms.address')}
</h6>
<div className="flex flex-col text-xs">
<span>{data.profile.address.line1}</span>
<span>{data.profile.address.line2}</span>

View File

@ -1,4 +1,5 @@
import React, { memo, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import { MdFlare } from 'react-icons/md';
import PageContext from '../../../contexts/PageContext';
import { safetyCheck } from '../../../utils';
@ -19,6 +20,7 @@ const ContactItem = ({ value, label, link }) => {
};
const ContactD = () => {
const { t } = useTranslation();
const { data } = useContext(PageContext);
return (
@ -42,7 +44,9 @@ const ContactD = () => {
{data.profile.address.line1 && (
<div>
<h6 className="capitalize font-semibold">Address</h6>
<h6 className="capitalize font-semibold">
{t('shared.forms.address')}
</h6>
<div className="flex flex-col text-xs">
<span>{data.profile.address.line1}</span>
<span>{data.profile.address.line2}</span>

View File

@ -1,4 +1,5 @@
import React, { memo, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import PageContext from '../../../contexts/PageContext';
import { safetyCheck } from '../../../utils';
@ -18,14 +19,17 @@ const ContactItem = ({ value, label, link }) => {
};
const ContactE = () => {
const { t } = useTranslation();
const { data, heading: Heading } = useContext(PageContext);
return (
<div>
<Heading>Profile</Heading>
<Heading>{t('builder.sections.profile')}</Heading>
<div className="relative w-full grid gap-2 text-xs">
<div>
<h6 className="capitalize font-semibold">Address</h6>
<h6 className="capitalize font-semibold">
{t('shared.forms.address')}
</h6>
<div className="flex flex-col text-xs">
<span>{data.profile.address.line1}</span>
<span>{data.profile.address.line2}</span>