mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-12 12:04:21 +00:00
bf6a122e38
* Initial changes to define theme maps, color function, and convert all global styles. * More global styles. * All styles converted, colors uncertain. * Fix tabs, temporary theme toggle button. * Color refinements * Color network selector, introduce shade function * Make palette page * Add theme button and minor styling to nav * Blueify dark theme * A bunch of color adjustments to work better with dark theme * Fix tables * Fix wallet decrypt colors * More misc fixes * Fix up electron colors * Convert web theme to redux state / action * Theme toggle in app, prevent rerenders * Get rid of all variables, fix selects * Fix conf modal, modal close styles * Fix test * Adjust swap colors * Check in breaking out component, changing icons * Check in progress * Theme toggle in footer. New icons * Prevent rerender on theme change * Fix up outstanding merge conflicts * Fix generate colors to be dark mode friendly * Reduce swap color intensity * Make disabled buttons darker in dark mode * Reduce button size by 25%
84 lines
1.7 KiB
TypeScript
84 lines
1.7 KiB
TypeScript
import {
|
|
CONFIG_META,
|
|
ChangeLanguageAction,
|
|
SetLatestBlockAction,
|
|
ChangeThemeAction,
|
|
MetaAction,
|
|
MetaState
|
|
} from './types';
|
|
import { Theme } from 'config';
|
|
|
|
const META_INITIAL_STATE: MetaState = {
|
|
languageSelection: 'en',
|
|
offline: false,
|
|
autoGasLimit: true,
|
|
latestBlock: '???',
|
|
theme: Theme.LIGHT
|
|
};
|
|
|
|
function changeLanguage(state: MetaState, action: ChangeLanguageAction): MetaState {
|
|
return {
|
|
...state,
|
|
languageSelection: action.payload
|
|
};
|
|
}
|
|
|
|
function setOnline(state: MetaState): MetaState {
|
|
return {
|
|
...state,
|
|
offline: false
|
|
};
|
|
}
|
|
|
|
function setOffline(state: MetaState): MetaState {
|
|
return {
|
|
...state,
|
|
offline: true
|
|
};
|
|
}
|
|
|
|
function toggleAutoGasLimitEstimation(state: MetaState): MetaState {
|
|
return {
|
|
...state,
|
|
autoGasLimit: !state.autoGasLimit
|
|
};
|
|
}
|
|
|
|
function setLatestBlock(state: MetaState, action: SetLatestBlockAction): MetaState {
|
|
return {
|
|
...state,
|
|
latestBlock: action.payload
|
|
};
|
|
}
|
|
|
|
function setTheme(state: MetaState, action: ChangeThemeAction): MetaState {
|
|
return {
|
|
...state,
|
|
theme: action.payload
|
|
};
|
|
}
|
|
|
|
export function metaReducer(state: MetaState = META_INITIAL_STATE, action: MetaAction): MetaState {
|
|
switch (action.type) {
|
|
case CONFIG_META.LANGUAGE_CHANGE:
|
|
return changeLanguage(state, action);
|
|
|
|
case CONFIG_META.SET_ONLINE:
|
|
return setOnline(state);
|
|
case CONFIG_META.SET_OFFLINE:
|
|
return setOffline(state);
|
|
|
|
case CONFIG_META.TOGGLE_AUTO_GAS_LIMIT:
|
|
return toggleAutoGasLimitEstimation(state);
|
|
|
|
case CONFIG_META.SET_LATEST_BLOCK:
|
|
return setLatestBlock(state, action);
|
|
|
|
case CONFIG_META.THEME_CHANGE:
|
|
return setTheme(state, action);
|
|
|
|
default:
|
|
return state;
|
|
}
|
|
}
|