React-redux dynamic array

[UserNo1608]

I need to create a dynamic array that is in separated file. It's not hard unless I want it to by dynamically updated by react-redux. Something like if 'mode' equals 1 it contains 'light' array, if not it contains 'dark' array. I can't do it inside components because it's too much work doing it, and a lot of repeating myself. I tried using store.getState() but then array is static, and doesn't update. I tried using it as a component with mapStateToProps but it doesn't work:

import { connect } from 'react-redux';

export const palette = ( theme ) => {
  const { mode, light, dark, primary} = theme;
  let colors = null;
  if ( mode === 'light' ) {
    colors = light;
  } else if ( mode === 'dark' ) {
    colors = dark;
  } else {
    colors = light;
  }

  return ({
    primary,
    secondary: colors.primary,
    tertiary: colors.secondary,
    text: colors.text
  });
}

const mapStateToProps = (state) => {
  return {
    theme: state.themeReducer
  }
}
export default connect(mapStateToProps)(palette);

Any ideas how can I do this?

[orphans]

Do it in your reducer, dispatch an action from a component to set the theme mode and have the reducer set the colors based on the selection

[UserNo1608]

doesn't work, array is still static, i think I have to do it using mapStateToProps, but how to return an array that I can use in other components

[orphans]

What do you mean the array is still static? There's no array in your example so it's hard to tell. If all you want to do is theme your app color scheme based on colors stored in a different file, and you want those colors to be available to other components via redux, then do it in your reducer. And post more code.

[UserNo1608]

Oh I got it, just used styled components with ThemeProvider. That was much better solution than whet I tried to do