TerminalInstructionsDialog() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Functions/TerminalInstructionsDialog.tsx lines 6–25

export const TerminalInstructionsDialog = () => {
  const [createMethod, setCreateMethod] = useQueryState('create', parseAsString)

  const isOpen = createMethod === 'cli'

  const handleClose = () => {
    setCreateMethod(null)
  }

  return (
    <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>
      <DialogContent size="large">
        <DialogTitle className="sr-only">Create your first Edge Function via the CLI</DialogTitle>
        <DialogSection padding="small">
          <TerminalInstructions closable={false} />
        </DialogSection>
      </DialogContent>
    </Dialog>
  )
}