martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-15 04:59:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

translating theme names

Browse Source
This commit is contained in:
Roland Osborne 2024-02-23 13:52:20 -08:00
parent 1f7ad6c4bd
commit 4288aa9cc5
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
net/web/src/constants/Strings.js
View File

@ -25,6 +25,10 @@ export const en = {
setupProfile: 'Setup your profile', setupProfile: 'Setup your profile',
connectPeople: 'Connect with people', connectPeople: 'Connect with people',
startConversation: 'Start a conversation', startConversation: 'Start a conversation',
default: 'Default',
dark: 'Dark',
light: 'Light',
}; };
export const fr = { export const fr = {
@ -54,5 +58,9 @@ export const fr = {
setupProfile: 'Configurez votre profil', setupProfile: 'Configurez votre profil',
connectPeople: 'Connectez avec les gens', connectPeople: 'Connectez avec les gens',
startConversation: 'Commencez une conversation', startConversation: 'Commencez une conversation',
default: 'Défaut',
dark: 'Sombre',
light: 'Lumineux',
}; };

12
net/web/src/context/useSettingsContext.hook.js
View File

@ -85,10 +85,10 @@ export function useSettingsContext() {
const language = localStorage.getItem('language'); const language = localStorage.getItem('language');
if (language && language.startsWith('fr')) { if (language && language.startsWith('fr')) {
updateState({ language: 'fr', strings: fr }); updateState({ language: 'fr', strings: fr, themes: [{ value: null, label: fr.default }, { value: 'dark', label: fr.dark }, { value: 'light', label: fr.light }]});
} }
else if (language && language.startsWith('en')) { else if (language && language.startsWith('en')) {
updateState({ language: 'en', strings: en }); updateState({ language: 'en', strings: en, themes: [{ value: null, label: en.default }, { value: 'dark', label: en.dark }, { value: 'light', label: en.light }]});
} }
else { else {
const browser = navigator.language; const browser = navigator.language;
@ -130,20 +130,20 @@ export function useSettingsContext() {
setLanguage: (code: string) => { setLanguage: (code: string) => {
if (code && code.startsWith('fr')) { if (code && code.startsWith('fr')) {
localStorage.setItem('language', 'fr'); localStorage.setItem('language', 'fr');
updateState({ language: 'fr', strings: fr }); updateState({ language: 'fr', strings: fr, themes: [{ value: null, label: fr.default }, { value: 'dark', label: fr.dark }, { value: 'light', label: fr.light }]});
} }
else if (code && code.startsWith('en')) { else if (code && code.startsWith('en')) {
localStorage.setItem('language', 'en'); localStorage.setItem('language', 'en');
updateState({ language: 'en', strings: en }); updateState({ language: 'en', strings: en, themes: [{ value: null, label: fr.default }, { value: 'dark', label: en.dark }, { value: 'light', label: en.light }]});
} }
else { else {
localStorage.removeItem('language'); localStorage.removeItem('language');
const browser = navigator.language; const browser = navigator.language;
if (browser && browser.startsWith('fr')) { if (browser && browser.startsWith('fr')) {
updateState({ language: null, strings: fr }); updateState({ language: null, strings: fr, themes: [{ value: null, label: fr.default }, { value: 'dark', label: fr.dark }, { value: 'light', label: fr.light }]});
} }
else { else {
updateState({ language: null, strings: en }); updateState({ language: null, strings: en, themes: [{ value: null, label: en.default }, { value: 'dark', label: en.dark }, { value: 'light', label: en.light }]});
} }
} }
}, },

8
net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
View File

@ -77,15 +77,15 @@ export function AccountAccess() {
<div className="option"> <div className="option">
<div className="label">Time Format</div> <div className="label">Time Format</div>
<Radio.Group onChange={actions.setTimeFormat} value={state.timeFormat}> <Radio.Group onChange={actions.setTimeFormat} value={state.timeFormat}>
<Radio style={state.menuStyle} value={'12h'}>12h</Radio> <Radio style={{borderRadius: 3, paddingLeft: 6, ...state.menuStyle}} value={'12h'}>12h</Radio>
<Radio style={state.menuStyle} value={'24h'}>24h</Radio> <Radio style={{borderRadius: 3, paddingLeft: 6, ...state.menuStyle}} value={'24h'}>24h</Radio>
</Radio.Group> </Radio.Group>
</div> </div>
<div className="option"> <div className="option">
<div className="label">Date Format</div> <div className="label">Date Format</div>
<Radio.Group onChange={actions.setDateFormat} value={state.dateFormat}> <Radio.Group onChange={actions.setDateFormat} value={state.dateFormat}>
<Radio style={state.menuStyle} value={'mm/dd'}>mm/dd</Radio> <Radio style={{borderRadius: 3, paddingLeft: 6, ...state.menuStyle}} value={'mm/dd'}>mm/dd</Radio>
<Radio style={state.menuStyle} value={'dd/mm'}>dd/mm</Radio> <Radio style={{borderRadius: 3, paddingLeft: 6, ...state.menuStyle}} value={'dd/mm'}>dd/mm</Radio>
</Radio.Group> </Radio.Group>
</div> </div>
<div className="option"> <div className="option">