Update props for EventProcedureForm (#22510)

* Update props for EventProcedureForm

* changelog

* Fix typescript error

* Revert change

* Wording

Author: simonychuang

changelog/unreleased/issue-enterprise-9163.toml

@@ -2,4 +2,4 @@ type="a"
 message="Added support in Event Definitions for new Event Procedures."
 
 issues=["Graylog2/graylog-plugin-enterprise#9163"]
-pulls=["22297"]
+pulls=["22297", "22510"]

graylog2-web-interface/src/components/event-definitions/event-definition-form/EventDetailsForm.tsx

@@ -80,27 +80,27 @@ const EventDetailsForm = ({ eventDefinition, eventDefinitionEventProcedure, vali
 
   const readOnly = !canEdit || isSystemEventDefinition(eventDefinition) || eventDefinition.config.type === 'sigma-v1';
   const hasEventProcedure = !!eventDefinitionEventProcedure;
+  const hasRemediationSteps = eventDefinition?.remediation_steps;
 
   const renderEventProcedure = () => {
     if (isEventProceduresEnabled) {
       return (
         <>
-          {hasEventProcedure || showAddEventProcedureForm ? (
+          {hasEventProcedure || hasRemediationSteps || showAddEventProcedureForm ? (
             <>
               {pluggableEventProcedureForm.map(({ component: PluggableEventProcedureForm }) => (
                 <PluggableEventProcedureForm
-                  eventDefinition={eventDefinition}
                   eventProcedureID={eventDefinitionEventProcedure}
+                  remediationSteps={eventDefinition?.remediation_steps}
                   onClose={() => setShowAddEventProcedureForm(false)}
                   onSave={(eventProcedureId) => onChange('event_procedure', eventProcedureId)}
-                  canEdit={canEdit}
                 />
               ))}
             </>
           ) : (
             <>
               <ControlLabel>Event Procedure Summary</ControlLabel>
-              <p>This Event does not have any Event Procedures yet.</p>
+              <p>This Event Definition does not have any Event Procedures yet.</p>
               <Button bsStyle="success" onClick={() => setShowAddEventProcedureForm(true)}>
                 Add Event Procedure
               </Button>

graylog2-web-interface/src/views/types.ts

@@ -63,7 +63,6 @@ import type { Event } from 'components/events/events/types';
 import type { PluggableReducer } from 'store';
 import type { WidgetMapping } from 'views/logic/views/types';
 import type { ValueRendererProps } from 'views/components/messagelist/decoration/ValueRenderer';
-import type { EventDefinition } from 'components/event-definitions/event-definitions-types';
 
 export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[]
   ? ElementType
@@ -317,11 +316,10 @@ type AssetInformationComponentProps = {
 };
 
 type EventProcedureFormProps = {
-  eventDefinition: EventDefinition;
   eventProcedureID: string | undefined;
+  remediationSteps: string;
   onClose: () => void;
   onSave: (eventProcedureId: string) => void;
-  canEdit: boolean;
 };
 
 type EventProcedureSummaryProps = {