//App.tsx
{`import { InventoryDashboard } from "./components/InventoryDashboard";
import { SignInForm } from "./SignInForm";
import { SignOutButton } from "./SignOutButton";
import { useConvexAuth } from "convex/react";
function App() {
const { isAuthenticated, isLoading } = useConvexAuth();
if (isLoading) {
return <div>Loading...</div>;
}
return (
<main>
{!isAuthenticated ? (
<SignInForm />
) : (
<div>
<SignOutButton />
<InventoryDashboard />
</div>
)}
</main>
);
}
export default App;`}
//App.tsx
{`import { InventoryDashboard } from "./components/InventoryDashboard";
import { SignInForm } from "./SignInForm";
import { SignOutButton } from "./SignOutButton";
import { useConvexAuth } from "convex/react";
function App() {
const { isAuthenticated, isLoading } = useConvexAuth();
if (isLoading) {
return <div>Loading...</div>;
}
return (
<main>
{!isAuthenticated ? (
<SignInForm />
) : (
<div>
<SignOutButton />
<InventoryDashboard />
</div>
)}
</main>
);
}
export default App;`}