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