Add cancel button in repository form (#4403)

opsmill · Sep 20, 2024 · 79b7e20 · 79b7e20
1 parent c96d27f
commit 79b7e20
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/changelog/4402.fixed.md b/changelog/4402.fixed.md
@@ -0,0 +1 @@
+Added cancel button in repository form
diff --git a/frontend/app/src/screens/repository/repository-form.tsx b/frontend/app/src/screens/repository/repository-form.tsx
@@ -14,8 +14,16 @@ import { DynamicInput } from "@/components/form/dynamic-form";
 import { NodeFormProps } from "@/components/form/node-form";
 import { createObject } from "@/graphql/mutations/objects/createObject";
 import RelationshipField from "@/components/form/fields/relationship.field";
-
-const RepositoryForm = ({ onSuccess, schema, currentObject, onSubmit }: NodeFormProps) => {
+import { Button } from "@/components/buttons/button-primitive";
+import React from "react";
+
+const RepositoryForm = ({
+  onSuccess,
+  schema,
+  currentObject,
+  onSubmit,
+  onCancel,
+}: NodeFormProps) => {
   const branch = useAtomValue(currentBranchAtom);
   const date = useAtomValue(datetimeAtom);
   const auth = useAuth();
@@ -95,7 +103,15 @@ const RepositoryForm = ({ onSuccess, schema, currentObject, onSubmit }: NodeForm
         </FormGroup>
       )}
 
-      <FormSubmit className="float-right">Save</FormSubmit>
+      <div className="text-right">
+        {onCancel && (
+          <Button variant="outline" className="mr-2" onClick={onCancel}>
+            Cancel
+          </Button>
+        )}
+
+        <FormSubmit>Save</FormSubmit>
+      </div>
     </Form>
   );
 };