import React, { useEffect } from "react";
import { connect } from "react-redux";
import { useReactorNavigation } from "../..";
/**
* Componente que al renderizarse redirecciona navegando a una url (evita que pueda volverse atrás).
* @name Reactor.Components.Templates.Redirect
* @param {string!} href Template tipo página al que se va a redireccionar
* @class
* @example
<redirect href="Actividad" />
*/
const _Redirect = ({ routes, href }) => {
const navigation = useReactorNavigation({to: href, target: "navigate", navOptions: {replace:true}})
useEffect(()=>{
if(href && routes[href]){
navigation.ToNavigate();
}
}, [])
return (
<></>
)
}
const mapStateToProps = (state) => {
return state.app;
}
export const Redirect = connect(mapStateToProps)(_Redirect)