diff --git a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx index fda8c9cda2d0da..663575f062093e 100644 --- a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx +++ b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx @@ -1,7 +1,7 @@ import React, { useState } from 'react'; import { message, Modal, Button, Form, Input, Typography, Select } from 'antd'; import { useApolloClient } from '@apollo/client'; -import TextArea from 'antd/lib/input/TextArea'; +import styled from 'styled-components'; import analytics, { EventType, EntityActionType } from '../../../../../analytics'; import { useEntityData } from '../../../EntityContext'; import { EntityType, IncidentSourceType, IncidentState, IncidentType } from '../../../../../../types.generated'; @@ -9,6 +9,12 @@ import { INCIDENT_DISPLAY_TYPES, PAGE_SIZE, addActiveIncidentToCache } from '../ import { useRaiseIncidentMutation } from '../../../../../../graphql/mutations.generated'; import handleGraphQLError from '../../../../../shared/handleGraphQLError'; import { useUserContext } from '../../../../../context/useUserContext'; +import { Editor } from '../../Documentation/components/editor/Editor'; +import { ANTD_GRAY } from '../../../constants'; + +const StyledEditor = styled(Editor)` + border: 1px solid ${ANTD_GRAY[4.5]}; +`; type AddIncidentProps = { open: boolean; @@ -112,6 +118,7 @@ export const AddIncidentModal = ({ open, onClose, refetch }: AddIncidentProps) = open={open} destroyOnClose onCancel={handleClose} + width={600} footer={[