Function NewMessageButton

components/new-message.tsx:22–55

({ account, groups, contacts, domain }: NewMessageButtonProps)

}

export function NewMessageButton({ account, groups, contacts, domain }: NewMessageButtonProps) {
  const [isDialogOpen, setIsDialogOpen] = useState(false)
  const checkDomain = useDomainCheck(domain)

  const handleNewMessage = () => {
    checkDomain(() => setIsDialogOpen(true))
  }

  return (
    <>
      <Button variant="outline" onClick={handleNewMessage}>
        Get Started
      </Button>
      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
        <DialogContent className="sm:max-w-[625px]">
          <DialogHeader>
            <DialogTitle>New Message</DialogTitle>
            <DialogDescription>
              Compose and send a new message
            </DialogDescription>
          </DialogHeader>
          <MessageForm
            selectedContactEmail=""
            groups={groups}
            contacts={contacts}
            account={account}
            onClose={() => setIsDialogOpen(false)}
            domain={domain}
          />
        </DialogContent>
      </Dialog>
    </>
  )
}