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

- implement ability to rename sections

Browse Source 
- clean up kannada translations
This commit is contained in:
Amruth Pillai
2020-07-17 08:36:46 +05:30
parent c57eb2e9aa
commit 816e400b31
32 changed files with 249 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/builder/left/LeftNavbar.js
View File

@ -10,6 +10,7 @@ import styles from './LeftNavbar.module.css';
const LeftNavbar = () => {
const { t } = useTranslation();
return (
<div className={styles.container}>
<Tooltip title={t('builder.tooltips.backToDashboard')} placement="right">

33
src/components/builder/left/LeftSidebar.js
View File

@ -1,6 +1,5 @@
import React, { Fragment, memo } from 'react';
import { Element } from 'react-scroll';
import { useTranslation } from 'react-i18next';
import sections from '../../../data/leftSections';
import LeftNavbar from './LeftNavbar';
import styles from './LeftSidebar.module.css';
@ -48,30 +47,26 @@ const getComponent = (id) => {
}
};
const LeftSidebar = () => {
const { t } = useTranslation();
const SidebarSection = ({ id, event }) => {
const Component = getComponent(id);
return (
<Fragment key={id}>
<Element name={id}>
<Component id={id} event={event} />
</Element>
<hr />
</Fragment>
);
};
const LeftSidebar = () => {
return (
<div className="flex">
<LeftNavbar />
<div id="LeftSidebar" className={styles.container}>
{sections.map(({ id, event }) => {
const Component = getComponent(id);
return (
<Fragment key={id}>
<Element name={id}>
<Component
id={id}
name={t(`builder.sections.${id}`)}
event={event}
/>
</Element>
<hr />
</Fragment>
);
})}
{sections.map(SidebarSection)}
</div>
</div>
);

13
src/components/builder/left/sections/Awards.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Awards = ({ id, name, event }) => {
const Awards = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
path={path}

13
src/components/builder/left/sections/Certifications.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Certifications = ({ id, name, event }) => {
const Certifications = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
path={path}

13
src/components/builder/left/sections/Education.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Education = ({ id, name, event }) => {
const Education = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
hasDate

13
src/components/builder/left/sections/Hobbies.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Hobbies = ({ id, name, event }) => {
const Hobbies = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List path={path} event={event} titlePath="name" />
</section>

13
src/components/builder/left/sections/Languages.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Languages = ({ id, name, event }) => {
const Languages = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List path={path} event={event} titlePath="name" subtitlePath="fluency" />
</section>

10
src/components/builder/left/sections/Objective.js
View File

@ -3,12 +3,18 @@ import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
const Objective = ({ name }) => {
const Objective = ({ id }) => {
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<Input
type="textarea"

10
src/components/builder/left/sections/Profile.js
View File

@ -4,12 +4,18 @@ import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import PhotoUpload from '../../../shared/PhotoUpload';
const Profile = ({ name }) => {
const Profile = ({ id }) => {
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<PhotoUpload />

13
src/components/builder/left/sections/Projects.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Projects = ({ id, name, event }) => {
const Projects = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
path={path}

13
src/components/builder/left/sections/References.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const References = ({ id, name, event }) => {
const References = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
path={path}

13
src/components/builder/left/sections/Skills.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Skills = ({ id, name, event }) => {
const Skills = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List path={path} event={event} titlePath="name" subtitlePath="level" />
</section>

13
src/components/builder/left/sections/Social.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Social = ({ id, name, event }) => {
const Social = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
path={path}

13
src/components/builder/left/sections/Work.js
View File

@ -1,13 +1,22 @@
import React, { memo } from 'react';
import { useTranslation } from 'react-i18next';
import Heading from '../../../shared/Heading';
import Input from '../../../shared/Input';
import List from '../../lists/List';
const Work = ({ id, name, event }) => {
const Work = ({ id, event }) => {
const path = `${id}.items`;
const { t } = useTranslation();
return (
<section>
<Heading>{name}</Heading>
<Heading id={id} />
<Input
name="heading"
label={t('builder.sections.heading')}
path={`${id}.heading`}
/>
<List
hasDate