xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: action deletion button

This commit is contained in:
DIYgod 2024-06-12 13:03:13 +08:00
parent e0cc5c7df2
commit 3385d2196d
No known key found for this signature in database
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/renderer/src/components/settings/action-card.tsx
View File

@ -280,14 +280,24 @@ export function ActionCard({
onChange,
}: {
data: ActionsInput[number]
onChange: (data: ActionsInput[number]) => void
onChange: (data: ActionsInput[number] | null) => void
}) {
return (
<Card>
<CardHeader className="space-y-4">
<CardHeader className="space-y-4 px-6 py-4">
<Collapsible className="[&_.name-placeholder]:data-[state=open]:hidden [&_input.name-input]:data-[state=open]:block">
<div className="flex w-full items-center gap-2">
<p className="shrink-0 font-medium text-zinc-500">Rule name</p>
<Button
variant="ghost"
size="sm"
className="-ml-2"
onClick={() => {
onChange(null)
}}
>
<i className="i-mingcute-delete-2-line text-zinc-600" />
</Button>
<p className="shrink-0 font-medium text-zinc-500">Name</p>
<Input
value={data.name}
className="name-input hidden h-8"