* Basic onboarding modal that's shown to users once * Lay out pages 2 through 5, add images, style modals (#1509) * Lay out pages 2 through 5 Added images and laid out pages 2 through 5 in the jsx file. SCSS will come, still working on just seeing if this works at all. * Fix jsx errors, add images to modal pages, style modal pages * Add animations to onboarding pager changes, improve wording and styling * Finishing touches on the onboarding * Add missing propTypes * Update wording
		
			
				
	
	
		
			48 lines
		
	
	
	
		
			979 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			48 lines
		
	
	
	
		
			979 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import { SETTING_CHANGE } from '../actions/settings';
 | 
						|
import { STORE_HYDRATE } from '../actions/store';
 | 
						|
import Immutable from 'immutable';
 | 
						|
 | 
						|
const initialState = Immutable.Map({
 | 
						|
  onboarded: false,
 | 
						|
 | 
						|
  home: Immutable.Map({
 | 
						|
    shows: Immutable.Map({
 | 
						|
      reblog: true,
 | 
						|
      reply: true
 | 
						|
    })
 | 
						|
  }),
 | 
						|
 | 
						|
  notifications: Immutable.Map({
 | 
						|
    alerts: Immutable.Map({
 | 
						|
      follow: true,
 | 
						|
      favourite: true,
 | 
						|
      reblog: true,
 | 
						|
      mention: true
 | 
						|
    }),
 | 
						|
 | 
						|
    shows: Immutable.Map({
 | 
						|
      follow: true,
 | 
						|
      favourite: true,
 | 
						|
      reblog: true,
 | 
						|
      mention: true
 | 
						|
    }),
 | 
						|
 | 
						|
    sounds: Immutable.Map({
 | 
						|
      follow: true,
 | 
						|
      favourite: true,
 | 
						|
      reblog: true,
 | 
						|
      mention: true
 | 
						|
    })
 | 
						|
  })
 | 
						|
});
 | 
						|
 | 
						|
export default function settings(state = initialState, action) {
 | 
						|
  switch(action.type) {
 | 
						|
  case STORE_HYDRATE:
 | 
						|
    return state.mergeDeep(action.state.get('settings'));
 | 
						|
  case SETTING_CHANGE:
 | 
						|
    return state.setIn(action.key, action.value);
 | 
						|
  default:
 | 
						|
    return state;
 | 
						|
  }
 | 
						|
};
 |