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

added settings tab, add language chooser

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-30 13:50:47 +05:30
parent e27655aeea
commit 1b2bae43be
11 changed files with 110 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,22 +8,25 @@ import ColorsTab from './tabs/Colors';
import FontsTab from './tabs/Fonts';
import ActionsTab from './tabs/Actions';
import AboutTab from './tabs/About';
import SettingsTab from './tabs/Settings';
const RightSidebar = () => {
const { t } = useTranslation('rightSidebar');
const context = useContext(AppContext);
const { state, dispatch } = context;
const { data, theme } = state;
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'),
];
const [currentTab, setCurrentTab] = useState(t('about.title'));
const [currentTab, setCurrentTab] = useState(t('settings.title'));
const onChange = (key, value) => {
dispatch({
type: 'on_input',
@ -46,6 +49,8 @@ const RightSidebar = () => {
return <FontsTab theme={theme} onChange={onChange} />;
case t('actions.title'):
return <ActionsTab data={data} theme={theme} dispatch={dispatch} />;
case t('settings.title'):
return <SettingsTab settings={settings} onChange={onChange} />;
case t('about.title'):
return <AboutTab />;
default: