import { NavigationActions } from 'react-navigation';
import reduxStore from '../../lib/createStore';

const config = {};

export function setNavigator(nav) {
	if (nav) {
		config.navigator = nav;
	}
}

export function navigate(routeName, params) {
	if (config.navigator && routeName) {
		const action = NavigationActions.navigate({ routeName, params });
		config.navigator.dispatch(action);
	}
}

export function goBack() {
	if (config.navigator) {
		const action = NavigationActions.back({});
		config.navigator.dispatch(action);
	}
}


export function goRoom({ rid, name }, counter = 0) {
	// about counter: we can call this method before navigator be set. so we have to wait, if we tried a lot, we give up ...
	if (!rid || !name || counter > 10) {
		return;
	}
	if (!config.navigator) {
		return setTimeout(() => goRoom({ rid, name }, counter + 1), 200);
	}

	const action = NavigationActions.reset({
		index: 1,
		actions: [
			NavigationActions.navigate({ routeName: 'RoomsList' }),
			NavigationActions.navigate({ routeName: 'Room', params: { room: { rid, name }, rid, name } })
		]
	});

	requestAnimationFrame(() => config.navigator.dispatch(action), reduxStore.getState().app.starting);
}