mirror of
https://github.com/walkxcode/dashboard-icons.git
synced 2025-10-28 05:59:04 +08:00
feat: add onClick prop to IconSubmissionForm
- Add optional onClick prop to IconSubmissionForm component - Enable external click handling for form triggers - Improve component flexibility and reusability
This commit is contained in:
@@ -66,7 +66,7 @@ export function IconSubmissionContent({ onClose }: { onClose?: () => void }) {
|
|||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
export function IconSubmissionForm({ trigger }: { trigger?: React.ReactNode }) {
|
export function IconSubmissionForm({ trigger, onClick }: { trigger?: React.ReactNode, onClick?: () => void }) {
|
||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -74,7 +74,7 @@ export function IconSubmissionForm({ trigger }: { trigger?: React.ReactNode }) {
|
|||||||
{trigger ? (
|
{trigger ? (
|
||||||
<DialogTrigger asChild>{trigger}</DialogTrigger>
|
<DialogTrigger asChild>{trigger}</DialogTrigger>
|
||||||
) : (
|
) : (
|
||||||
<DialogTrigger asChild>
|
<DialogTrigger asChild onClick={onClick}>
|
||||||
<Button variant="outline" className="hidden md:inline-flex cursor-pointer transition-all duration-300 items-center gap-2">
|
<Button variant="outline" className="hidden md:inline-flex cursor-pointer transition-all duration-300 items-center gap-2">
|
||||||
<PlusCircle className="h-4 w-4 transition-all duration-300" /> Submit icon(s)
|
<PlusCircle className="h-4 w-4 transition-all duration-300" /> Submit icon(s)
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in New Issue
Block a user