feat: page now refreshes when private shape is edited

Author: williamzhu17

components/core/App.js

@@ -112,7 +112,14 @@ const App = (props) => {
           width={300}
         />
       ) : (
-        <ShapeList {...props} data={ data } searchTerm={searchTerm} sort={sort} />
+        <ShapeList 
+          {...props} 
+          data={ data } 
+          searchTerm={searchTerm} 
+          sort={sort} 
+          shapeAction={shapeAction} 
+          setShapeAction={setShapeAction} 
+        />
       )}
     </>
   );

components/core/CreateShape.js

@@ -297,6 +297,7 @@ const CreateShape = (props) => {
 
         console.log(shapeInformation);
 
+        // Editing Shape
         if (props.edit) {
 
             const editShape = await harperFetch({
@@ -319,17 +320,21 @@ const CreateShape = (props) => {
 
             console.log(editShape);
 
-            props.handleClose();
-            toast.success(`Shape ${shapeInformation.name} edited successfully.`);
-            // props.setShapeAction({
-            //     ...props.shapeAction, 
-            //     "action": "add",
-            //     "payload": {
-            //         "shape_id": insertShape['inserted_hashes']
-            //     } 
-            // });
-
-        } else {
+            if (editShape["update_hashes"].length > 0) {
+                props.handleClose();
+                toast.success(`Shape ${shapeInformation.name} edited successfully.`);
+                props.setShapeAction({
+                    ...props.shapeAction, 
+                    "action": "edit",
+                    "payload": {
+                        "shape_id": editShape['update_hashes']
+                    } 
+                });
+            } else {
+                toast.error('OOPS!! We hit a bummer. Please try again.');
+            } 
+
+        } else { // Creating Shape
 
             // Create the shape in the DB
             const insertShape = await harperFetch({

components/utils/ShapeList.js

@@ -200,7 +200,9 @@ const ShapeList = (
     user, 
     data, 
     searchTerm, 
-    sort 
+    sort, 
+    shapeAction, 
+    setShapeAction
   }) => {
 
   const filterShape = (shapes, searchTerm) => {
@@ -389,6 +391,8 @@ const ShapeList = (
           show= {showEditModal}
           handleClose={ closeEditModal }
           shape= { shapeToEdit }
+          shapeAction = { shapeAction }
+          setShapeAction = { setShapeAction }
           edit={true} />
         }