import { CompaniesWorkspace } from "@metis/companies/client";
import { IdentityWorkspace, identityApi, identityKeys } from "@metis/identity/client";
import { useQuery } from "@tanstack/react-query";

import { LanguageSwitcher } from "./language-switcher";
import { useAppNavigation } from "./navigation/use-app-navigation";

export function App() {
  const session = useQuery({
    queryKey: identityKeys.session,
    queryFn: identityApi.session,
    retry: false,
  });

  useAppNavigation(session.data);

  return (
    <div className="min-h-dvh bg-shell-content">
      <IdentityWorkspace
        renderWorkspace={(snapshot, accountNavigation, administrationContent) => (
          <CompaniesWorkspace
            accountNavigation={accountNavigation}
            administrationContent={administrationContent}
            canManageUsers={snapshot.user?.isInitialAdmin ?? false}
            languageSwitcher={<LanguageSwitcher />}
            userName={snapshot.user?.name ?? ""}
          />
        )}
      >
        {null}
      </IdentityWorkspace>
    </div>
  );
}