"use client";

import { observer } from "mobx-react-lite";
// components
import { UserLoggedIn } from "@/components/account";
import { LogoSpinner } from "@/components/common";
import { AuthView } from "@/components/views";
// hooks
import { useUser } from "@/hooks/store";

const HomePage = observer(() => {
  const { data: currentUser, isAuthenticated, isLoading } = useUser();

  if (isLoading) return <LogoSpinner />;

  if (currentUser && isAuthenticated) return <UserLoggedIn />;

  return <AuthView />;
});

export default HomePage;
