Function Header

final/client/src/components/header.tsx:26–39

({ image, children = 'Space Explorer' })

}

const Header: React.FC<HeaderProps> = ({ image, children = 'Space Explorer' }) => {
  const email = window.atob(localStorage.getItem('token') as string);
  const avatar = image || pickAvatarByEmail(email);

  return (
    <Container>
      <Image round={!image} src={avatar} alt="Space dog" />
      <div>
        <h2>{children}</h2>
        <Subheading>{email}</Subheading>
      </div>
    </Container>
  );
};

export default Header;