fix: removes custom header and gutter from rte link drawer #2120 (#2135)

This commit is contained in:
Jacob Fletcher
2023-02-19 21:07:32 -05:00
committed by GitHub
parent 06fc8cbf4d
commit 6a7663beb5

View File

@@ -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>
);
};