From 6a7663beb57f624ea52d95a8f26345dcd32d65bc Mon Sep 17 00:00:00 2001
From: Jacob Fletcher <jacobsfletch@gmail.com>
Date: Sun, 19 Feb 2023 21:07:32 -0500
Subject: [PATCH] fix: removes custom header and gutter from rte link drawer
 #2120 (#2135)

---
 .../elements/link/LinkDrawer/index.tsx        | 47 ++++++-------------
 1 file changed, 15 insertions(+), 32 deletions(-)

diff --git a/src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.tsx b/src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.tsx
index b9c3620a62..32c3af3151 100644
--- a/src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.tsx
+++ b/src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.tsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Drawer } from '../../../../../../elements/Drawer';
-import Button from '../../../../../../elements/Button';
-import X from '../../../../../../icons/X';
 import Form from '../../../../../Form';
 import FormSubmit from '../../../../../Submit';
 import { Props } from './types';
@@ -10,12 +8,10 @@ import fieldTypes from '../../../..';
 import RenderFields from '../../../../../RenderFields';
 
 import './index.scss';
-import { Gutter } from '../../../../../../elements/Gutter';
 
 const baseClass = 'rich-text-link-edit-modal';
 
 export const LinkDrawer: React.FC<Props> = ({
-  handleClose,
   handleModalSubmit,
   initialState,
   fieldSchema,
@@ -27,35 +23,22 @@ export const LinkDrawer: React.FC<Props> = ({
     <Drawer
       slug={drawerSlug}
       className={baseClass}
+      title={t('editLink')}
     >
-      <Gutter className={`${baseClass}__template`}>
-        <header className={`${baseClass}__header`}>
-          <h2 className={`${baseClass}__header-text`}>
-            {t('editLink')}
-          </h2>
-          <Button
-            className={`${baseClass}__header-close`}
-            buttonStyle="none"
-            onClick={handleClose}
-          >
-            <X />
-          </Button>
-        </header>
-        <Form
-          onSubmit={handleModalSubmit}
-          initialState={initialState}
-        >
-          <RenderFields
-            fieldTypes={fieldTypes}
-            readOnly={false}
-            fieldSchema={fieldSchema}
-            forceRender
-          />
-          <FormSubmit>
-            {t('general:submit')}
-          </FormSubmit>
-        </Form>
-      </Gutter>
+      <Form
+        onSubmit={handleModalSubmit}
+        initialState={initialState}
+      >
+        <RenderFields
+          fieldTypes={fieldTypes}
+          readOnly={false}
+          fieldSchema={fieldSchema}
+          forceRender
+        />
+        <FormSubmit>
+          {t('general:submit')}
+        </FormSubmit>
+      </Form>
     </Drawer>
   );
 };