import { Head } from '@inertiajs/react'; import PasskeyVerify from '@/components/passkey-verify'; import { SignInForm } from '@/components/crm/sign-in-form'; import { Button } from '@/components/ui/button'; type Props = { status?: string; canResetPassword: boolean; /** Offered only when this installation has a Google client configured. */ google?: { enabled: boolean; url: string; }; /** Why a Google sign-in was turned away, if it was. */ oauthError?: string | null; }; /** * The staff way in. * * A passkey first where the browser supports one, then the work email and * password, so a crew member on a phone has the shortest route and an * administrator at a desk still has the familiar one. Google sits above both * when the business has set it up: it signs somebody in to the account they * already hold here, it never creates one. There is no sign-up link: staff * accounts are provisioned by an administrator, not created by whoever finds * the address. */ export default function Login({ status, canResetPassword, google, oauthError, }: Props) { return ( <>
{oauthError && (
{oauthError}
)} {status && (
{status}
)} {google?.enabled && (
)}
); } /** * Google's own mark, in its own colours: a monochrome "G" next to the familiar * one is the kind of detail that makes a sign-in button look counterfeit. */ function GoogleMark() { return ( ); } // The card's heading and sentence are company settings rather than constants: // they are written in Settings -> Company profile, so this page deliberately // hands the layout no title and lets the company's own words stand.