import { Form, Head, Link, usePage } from '@inertiajs/react';
import OnboardingController from '@/actions/App/Http/Controllers/OnboardingController';
import InputError from '@/components/input-error';
import { Button } from '@/components/ui/button';
import { Label } from '@/components/ui/label';
import { Spinner } from '@/components/ui/spinner';
import { logout } from '@/routes';
import { start } from '@/routes/onboarding/connect';
type Tenant = {
id: string;
name: string;
};
export default function OnboardingConnect({
quickbooksConfigured,
xeroConfigured,
tenants,
}: {
quickbooksConfigured: boolean;
xeroConfigured: boolean;
tenants: Tenant[];
}) {
const errors = usePage().props.errors as Record;
return (
<>
{(!quickbooksConfigured || !xeroConfigured) && (
A provider stays unavailable until its app
credentials are configured.
)}
{tenants.length > 0 && (
)}
);
}
OnboardingConnect.layout = {
title: 'Connect your books',
description:
'Authorize QuickBooks or Xero so your dashboard and advisor use only this company.',
};