From dc5c83641cd5172f8884e28d0b10a873ab8f5825 Mon Sep 17 00:00:00 2001
From: Lucid Kobold <lucid@lucidcreations.media>
Date: Thu, 10 Feb 2022 00:06:05 -0600
Subject: [PATCH] Handle update and hangle close functions. Updated modal
 footer butons.

---
 components/calender/modals/AddSticker.tsx | 36 +++++++++++++----------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/components/calender/modals/AddSticker.tsx b/components/calender/modals/AddSticker.tsx
index a259ca8..c6cf85a 100644
--- a/components/calender/modals/AddSticker.tsx
+++ b/components/calender/modals/AddSticker.tsx
@@ -48,24 +48,29 @@ const AddSticker = ({
 
   const { addEditSticker } = useContext(StickersContext);
 
-  const handleSubmit = () => {
-    if (selectedSticker !== null) {
-      addEditSticker(date, selectedSticker);
-    }
+  const handleClose = () => {
+    setSelectedSticker(null);
+    updateIsOpen(false);
+  }
+
+  const handleSubmit = (sticker) => {
+    addEditSticker(date, sticker);
+    handleClose();
   };
 
-  useEffect(() => {
-    if (selectedSticker !== null) {
-      addEditSticker(date, selectedSticker);
-    }
-  }, [selectedSticker]);
+
+  // useEffect(() => {
+  //   if (selectedSticker !== null) {
+  //     addEditSticker(date, selectedSticker);
+  //   }
+  // }, [selectedSticker]);
 
   return (
     <Fragment>
       <Modal
         isCentered
         isOpen={isOpen}
-        onClose={() => updateIsOpen(!isOpen)}
+        onClose={() => handleClose()}
         motionPreset="slideInBottom"
         scrollBehavior="inside"
         size="lg"
@@ -116,13 +121,14 @@ const AddSticker = ({
           </ModalBody>
           <ModalFooter>
             <Button
-              colorScheme="blue"
-              mr={3}
-              onClick={() => updateIsOpen(!isOpen)}
+              variant="primary"
+              isDisabled={selectedSticker === null}
+              // mr={3}
+              onClick={() => handleSubmit(selectedSticker)}
             >
-              Close
+              {"Submit"}
             </Button>
-            <Button variant="ghost">Secondary Action</Button>
+            {/* <Button variant="ghost">Secondary Action</Button> */}
           </ModalFooter>
         </ModalContent>
       </Modal>