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

Addition of Hindi Language

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-30 20:56:06 +05:30
parent 6a9999d633
commit a5e8c6dcc1
6 changed files with 72 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/RightSidebar/RightSidebar.js
View File

@ -18,14 +18,32 @@ const RightSidebar = () => {
const { data, theme, settings } = state;
const tabs = [
t('templates.title'),
t('colors.title'),
t('fonts.title'),
t('actions.title'),
t('settings.title'),
t('about.title'),
{
key: 'templates',
name: t('templates.title'),
},
{
key: 'colors',
name: t('colors.title'),
},
{
key: 'fonts',
name: t('fonts.title'),
},
{
key: 'actions',
name: t('actions.title'),
},
{
key: 'settings',
name: t('settings.title'),
},
{
key: 'about',
name: t('about.title'),
},
];
const [currentTab, setCurrentTab] = useState(t('settings.title'));
const [currentTab, setCurrentTab] = useState(tabs[0].key);
const onChange = (key, value) => {
dispatch({
@ -41,17 +59,17 @@ const RightSidebar = () => {
const renderTabs = () => {
switch (currentTab) {
case t('templates.title'):
case tabs[0].key:
return <TemplatesTab theme={theme} onChange={onChange} />;
case t('colors.title'):
case tabs[1].key:
return <ColorsTab theme={theme} onChange={onChange} />;
case t('fonts.title'):
case tabs[2].key:
return <FontsTab theme={theme} onChange={onChange} />;
case t('actions.title'):
case tabs[3].key:
return <ActionsTab data={data} theme={theme} dispatch={dispatch} />;
case t('settings.title'):
case tabs[4].key:
return <SettingsTab settings={settings} onChange={onChange} />;
case t('about.title'):
case tabs[5].key:
return <AboutTab />;
default:
return null;