From da8ff206160f1f5b49a755c56059cd91dc45d86c Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <30633324+JarrodMFlesch@users.noreply.github.com>
Date: Thu, 3 Aug 2023 08:51:30 -0400
Subject: [PATCH] chore: prevent enter keypress from saving document (#3115)

---
 src/admin/components/elements/Save/index.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/admin/components/elements/Save/index.tsx b/src/admin/components/elements/Save/index.tsx
index bee6c0fcad..4ffa4f5a95 100644
--- a/src/admin/components/elements/Save/index.tsx
+++ b/src/admin/components/elements/Save/index.tsx
@@ -2,16 +2,24 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import FormSubmit from '../../forms/Submit';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
+import { useForm } from '../../forms/Form/context';
 
 export type CustomSaveButtonProps = React.ComponentType<DefaultSaveButtonProps & {
   DefaultButton: React.ComponentType<DefaultSaveButtonProps>;
 }>
 type DefaultSaveButtonProps = {
   label: string;
+  save: () => void;
 };
-const DefaultSaveButton: React.FC<DefaultSaveButtonProps> = ({ label }) => {
+const DefaultSaveButton: React.FC<DefaultSaveButtonProps> = ({ label, save }) => {
   return (
-    <FormSubmit buttonId="action-save">{label}</FormSubmit>
+    <FormSubmit
+      type="button"
+      buttonId="action-save"
+      onClick={save}
+    >
+      {label}
+    </FormSubmit>
   );
 };
 
@@ -20,12 +28,14 @@ type Props = {
 }
 export const Save: React.FC<Props> = ({ CustomComponent }) => {
   const { t } = useTranslation('general');
+  const { submit } = useForm();
 
   return (
     <RenderCustomComponent
       CustomComponent={CustomComponent}
       DefaultComponent={DefaultSaveButton}
       componentProps={{
+        save: submit,
         label: t('save'),
         DefaultButton: DefaultSaveButton,
       }}