PatAlcala9/ocbo-esign
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added function on modal button

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-10-01 16:18:36 +08:00
parent a31e7a59b3
commit 3022a084be
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Modal/ModalButton.tsx
View file

@ -14,12 +14,16 @@ interface Props {
width?: number width?: number
wide?: boolean wide?: boolean
class?: string class?: string
function?: () => Promise<void>
} }
export default (props: Props) => { export default (props: Props) => {
const [isOpen, setIsOpen] = createSignal(false) const [isOpen, setIsOpen] = createSignal(false)
const openHandler = () => { const openHandler = async () => {
if (props.function) {
await props.function()
}
setIsOpen(true) setIsOpen(true)
} }
@ -32,6 +36,7 @@ export default (props: Props) => {
<Show when={!isOpen()}> <Show when={!isOpen()}>
<Button label={props.label} edges={props.edges} design={props.design} onClick={openHandler} /> <Button label={props.label} edges={props.edges} design={props.design} onClick={openHandler} />
</Show> </Show>
<Show when={isOpen()}> <Show when={isOpen()}>
<div class="modal" onClick={closeHandler}> <div class="modal" onClick={closeHandler}>
<Show when={props.border}> <Show when={props.border}>