EnableRuleModal() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Advisors/EnableRuleModal.tsx lines 26–71

export const EnableRuleModal = ({ lint, rule }: EnableRuleModalProps) => {
  const { ref } = useParams()
  const router = useRouter()

  const [open, setOpen] = useState(false)

  const { mutate: deleteRule, isPending: isDeleting } = useLintRuleDeleteMutation({
    onSuccess: () => {
      toast.success(`Successfully enabled the "${lint.title}" rule`)
      setOpen(false)
    },
  })

  const onDeleteRule = () => {
    if (!ref) return console.error('Project ref is required')
    deleteRule({ projectRef: ref, ids: [rule.id] })
  }

  return (
    <Dialog open={open} onOpenChange={setOpen}>
      <DialogTrigger asChild>
        <Button type="default">Enable rule</Button>
      </DialogTrigger>
      <DialogContent size="small">
        <DialogHeader>
          <DialogTitle>Enable rule</DialogTitle>
        </DialogHeader>
        <DialogSectionSeparator />
        <DialogSection>
          <p className="text-sm">
            The "{lint.title}" rule will be visible in the Advisor reports, and will be included in
            email notifications for this project.
          </p>
        </DialogSection>
        <DialogFooter>
          <Button disabled={isDeleting} type="default" onClick={() => setOpen(false)}>
            Cancel
          </Button>
          <Button loading={isDeleting} type="primary" onClick={onDeleteRule}>
            Enable
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}