From 06684cbaf6587cb1c5d215f3ea396e2b0acdbc33 Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Wed, 27 May 2020 11:09:15 -0300
Subject: [PATCH] Outside animations

---
 app/stacks/OutsideStack.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/stacks/OutsideStack.js b/app/stacks/OutsideStack.js
index 56f4b8936..34ccad9b3 100644
--- a/app/stacks/OutsideStack.js
+++ b/app/stacks/OutsideStack.js
@@ -1,9 +1,12 @@
 import React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
 
 import { ThemeContext } from '../theme';
-import { defaultHeader, themedHeader } from '../utils/navigation';
+import {
+	defaultHeader, themedHeader, stackAnimation, modalAnimation
+} from '../utils/navigation';
 
 // Outside Stack
 import OnboardingView from '../views/OnboardingView';
@@ -22,7 +25,7 @@ const _OutsideStack = ({ root }) => {
 	const { theme } = React.useContext(ThemeContext);
 
 	return (
-		<Outside.Navigator screenOptions={{ ...defaultHeader, ...themedHeader(theme) }}>
+		<Outside.Navigator screenOptions={{ ...defaultHeader, ...themedHeader(theme), ...stackAnimation }}>
 			{root === ROOT_OUTSIDE ? (
 				<Outside.Screen
 					name='OnboardingView'
@@ -68,6 +71,10 @@ const mapStateToProps = state => ({
 	root: state.app.root
 });
 
+_OutsideStack.propTypes = {
+	root: PropTypes.string
+};
+
 const OutsideStack = connect(mapStateToProps)(_OutsideStack);
 
 // OutsideStackModal
@@ -76,7 +83,7 @@ const OutsideStackModal = () => {
 	const { theme } = React.useContext(ThemeContext);
 
 	return (
-		<OutsideModal.Navigator mode='modal' screenOptions={{ ...defaultHeader, ...themedHeader(theme) }}>
+		<OutsideModal.Navigator mode='modal' screenOptions={{ ...defaultHeader, ...themedHeader(theme), ...modalAnimation }}>
 			<OutsideModal.Screen
 				name='OutsideStack'
 				component={OutsideStack}