Run linter

This commit is contained in:
Tuan Dang
2025-11-09 21:58:47 -05:00
parent 788bb36d78
commit 5e40f9a254
6 changed files with 69 additions and 98 deletions
@@ -1,6 +1,6 @@
import { useState } from "react";
import { faPlus } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useState } from "react";
import { createNotification } from "@app/components/notifications";
import { Button, DeleteActionModal } from "@app/components/v2";
@@ -1,8 +1,8 @@
import { useEffect } from "react";
import { Controller, useForm } from "react-hook-form";
import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { zodResolver } from "@hookform/resolvers/zod";
import { useEffect } from "react";
import { Controller, useForm } from "react-hook-form";
import { z } from "zod";
import { createNotification } from "@app/components/notifications";
@@ -1,3 +1,4 @@
import { useCallback } from "react";
import {
faCheck,
faCircleInfo,
@@ -9,7 +10,6 @@ import {
faTrash
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useCallback } from "react";
import { createNotification } from "@app/components/notifications";
import {
@@ -1,3 +1,6 @@
import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
Alert,
AlertDescription,
@@ -11,8 +14,6 @@ import {
import { useToggle } from "@app/hooks";
import { TCertificateProfileWithDetails } from "@app/hooks/api/certificateProfiles";
import { useRevealAcmeEabSecret } from "@app/hooks/api/certificateProfiles/queries";
import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
const RESET_COPIED_DELAY = 1 * 1000;
@@ -151,7 +151,7 @@ export const CreatePkiAlertV2FormSteps = () => {
<>
<Tab.Panel>
<div className="space-y-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Choose the event that will trigger this alert notification.
</p>
@@ -179,7 +179,7 @@ export const CreatePkiAlertV2FormSteps = () => {
<Tab.Panel>
<div className="space-y-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Configure the name, description, and timing for your alert.
</p>
@@ -228,7 +228,7 @@ export const CreatePkiAlertV2FormSteps = () => {
<Tab.Panel>
<div className="space-y-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Add filter rules to specify which certificates should trigger this alert. Leave empty to
monitor all certificates.
</p>
@@ -250,10 +250,10 @@ export const CreatePkiAlertV2FormSteps = () => {
{watchedFilters?.map((filter, index) => (
<div
key={`filter-${index}`}
className="border-mineshaft-600 space-y-2 rounded-md border p-3"
className="space-y-2 rounded-md border border-mineshaft-600 p-3"
>
<div className="flex items-center justify-between">
<h4 className="text-mineshaft-100 text-sm font-medium">
<h4 className="text-sm font-medium text-mineshaft-100">
Filter Rule #{index + 1}
</h4>
<IconButton
@@ -366,7 +366,7 @@ export const CreatePkiAlertV2FormSteps = () => {
))}
{(!watchedFilters || watchedFilters.length === 0) && (
<div className="text-bunker-400 py-8 text-center">
<div className="py-8 text-center text-bunker-400">
No filter rules configured. This alert will monitor all certificates.
</div>
)}
@@ -376,7 +376,7 @@ export const CreatePkiAlertV2FormSteps = () => {
<Tab.Panel>
<div className="space-y-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Preview all certificates that match your filter criteria. This shows all non-expired
certificates that would be monitored by this alert.
</p>
@@ -483,7 +483,7 @@ export const CreatePkiAlertV2FormSteps = () => {
<Tab.Panel>
<div className="space-y-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Set up email notifications to receive alerts when events occur.
</p>
@@ -513,13 +513,13 @@ export const CreatePkiAlertV2FormSteps = () => {
<Tab.Panel>
<div className="mb-4 flex flex-col gap-6">
<p className="text-bunker-300 mb-4 text-sm">
<p className="mb-4 text-sm text-bunker-300">
Please review the settings below before creating your alert.
</p>
<div className="flex flex-col gap-3">
<div className="border-mineshaft-600 w-full border-b">
<span className="text-mineshaft-300 text-sm">Basic Information</span>
<div className="w-full border-b border-mineshaft-600">
<span className="text-sm text-mineshaft-300">Basic Information</span>
</div>
<div className="flex flex-wrap gap-x-8 gap-y-2">
<GenericFieldLabel label="Name">{watch("name") || "Not specified"}</GenericFieldLabel>
@@ -545,8 +545,8 @@ export const CreatePkiAlertV2FormSteps = () => {
</div>
<div className="flex flex-col gap-3">
<div className="border-mineshaft-600 w-full border-b">
<span className="text-mineshaft-300 text-sm">Filter Rules</span>
<div className="w-full border-b border-mineshaft-600">
<span className="text-sm text-mineshaft-300">Filter Rules</span>
</div>
<div className="flex flex-wrap gap-x-8 gap-y-2">
{watchedFilters && watchedFilters.length > 0 ? (
@@ -574,8 +574,8 @@ export const CreatePkiAlertV2FormSteps = () => {
</div>
<div className="flex flex-col gap-3">
<div className="border-mineshaft-600 w-full border-b">
<span className="text-mineshaft-300 text-sm">Notifications</span>
<div className="w-full border-b border-mineshaft-600">
<span className="text-sm text-mineshaft-300">Notifications</span>
</div>
<div className="flex flex-wrap gap-x-8 gap-y-3">
<GenericFieldLabel label="Email Recipients">