import React, { useMemo } from 'react';
import { useParams, Redirect } from 'react-router-dom';
import { getHeroById } from '../../selectors/getHeroById';
export const HeroScreen = ({ history }) => {
const { heroeId } = useParams();
const hero = useMemo(() => getHeroById( heroeId ), [ heroeId ]);
if ( !hero ) {
return <Redirect to="/" />;
}
const handleReturn = () => {
if( history.length <=2 ) {
history.push('/');
} else {
history.goBack();
}
}
const {
superhero,
publisher,
alter_ego,
first_appearance,
characters,
} = hero;
