"use client";
import { useState, useEffect } from "react";
import { useClerk, useUser } from "@clerk/nextjs";
import { SignedOut, SignedIn, SignInButton } from "@clerk/nextjs";
import { Button } from "../ui/button";
import { ModeToggle as ThemeSwitcher } from "../ThemeSwitcher";
import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover";
import Image from "next/image";
import { UserCog, X } from "lucide-react";
import LoggedInPopover from "./LoggedInPopover";
import SignInPopoverButton from "./SignInPopoverButton";
import { version } from "@/version";
export default function TopBar() {
const [loading, setLoading] = useState(true);
const [isAuthenticating, setAuthenticating] = useState(false);
const clerk = useClerk();
const { user } = useUser();
useEffect(() => {
fetch("/api/isAuthenticating").then((b) => {
b.json().then((m) => {
setAuthenticating(m.message);
setLoading(false);
});
});
}, []);
return (
<>
{isAuthenticating &&
}
{version}
{version}
{isAuthenticating && !loading && (
)}
);
}