calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-08-15 08:49:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 nice little animation on alert rule field

Browse Source
This commit is contained in:
Fred KISSIE
2026-08-14 19:07:13 +02:00
parent 46f341f7fd
commit ea740e12d1
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/alert-rule-editor/AlertRuleFields.tsx
+7 -1
View File
@@ -60,6 +60,7 @@ import { useFormContext, useWatch } from "react-hook-form";
import { useDebounce } from "use-debounce"; import { useDebounce } from "use-debounce";
import { RolesSelector } from "../roles-selector"; import { RolesSelector } from "../roles-selector";
import { UsersSelector } from "../users-selector"; import { UsersSelector } from "../users-selector";
import { cn } from "@app/lib/cn";
export function AddActionPanel({ export function AddActionPanel({
onAdd onAdd
@@ -149,7 +150,12 @@ export function AddActionPanel({
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button type="button" variant="outline"> <Button type="button" variant="outline">
{t("alertingSelectActionType")} {t("alertingSelectActionType")}
<ChevronRightIcon className="size-4" /> <ChevronRightIcon
className={cn(
"size-4 transition-transform duration-150",
isPopoverOpen && "rotate-90"
)}
/>
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="shadow-md flex flex-col gap-3 w-150"> <PopoverContent className="shadow-md flex flex-col gap-3 w-150">