Add cancel button to part profile

2020-12-30 11:21:58 +11:00
parent 8a87ddf095
commit fff0956746
2 changed files with 32 additions and 0 deletions
--- a/web/src/components/PartProfile/PartProfile.js
+++ b/web/src/components/PartProfile/PartProfile.js
@@ -130,6 +130,23 @@ const PartProfile = ({
              >
                {isEditable ? 'Save Details' : 'Edit Details'}
              </Button>
+              {isEditable && (
+                <Button
+                  className="mt-4 ml-auto shadow-md hover:shadow-lg bg-indigo-200 relative z-20 w-full justify-end"
+                  shouldAnimateHover
+                  iconName="x"
+                  onClick={() =>
+                    navigate(
+                      routes.part({
+                        userName: userPart.userName,
+                        partTitle: part?.title,
+                      })
+                    )
+                  }
+                >
+                  Cancel
+                </Button>
+              )}
              <Button
                className="mt-4 ml-auto shadow-md hover:shadow-lg bg-red-200 relative z-20 w-full justify-end"
                shouldAnimateHover