import LoggedInAvatarView from "@/components/LoggedInAvatarView";
import NotLoggedInAvatarView from "@/components/NotLoggedInAvatarView";

import { useSiteStore } from "@/state/Stores";
import { observer } from "mobx-react-lite";

export default observer(() => {
  const { isLoggedIn, siteAvatarID, siteAvatarName } = useSiteStore();

  if (isLoggedIn) {
    return (
      <LoggedInAvatarView avatarID={siteAvatarID} avatarName={siteAvatarName} />
    );
  }

  return <NotLoggedInAvatarView />;
});