refactor(event-urgency): migrate form to antd v4

Author: BenMaruchu

src/Events/EventUrgencies/Form/index.js

@@ -1,21 +1,22 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { httpActions } from '@codetanzania/ewea-api-client';
 import { Connect, reduxActions } from '@codetanzania/ewea-api-states';
 import { Col, Modal } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
 import isArray from 'lodash/isArray';
 import get from 'lodash/get';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+
 import NotificationForm from '../../components/NotificationForm';
 import Topbar from '../../components/Topbar';
-import EventUrgencyForm from './Form';
+import SettingForm from '../../components/SettingForm';
 import ListItemActions from '../../components/ListItemActions';
 import ListItem from '../../components/ListItem';
 import ItemList from '../../components/List';
 import { notifyError, notifySuccess } from '../../util';
 import './styles.css';
 
-/* constants */
+/* http actions */
 const {
   getFocalPeople,
   getJurisdictions,
@@ -24,6 +25,7 @@ const {
   getAgencies,
   getEventUrgenciesExportUrl,
 } = httpActions;
+/* redux actions */
 const {
   closeEventUrgencyForm,
   getEventUrgencies,
@@ -33,18 +35,19 @@ const {
   refreshEventUrgencies,
   paginateEventUrgencies,
   deleteEventUrgency,
+  postEventUrgency,
+  putEventUrgency,
 } = reduxActions;
 
+/* constants */
+const { confirm } = Modal;
 const nameSpan = { xxl: 4, xl: 5, lg: 6, md: 7, sm: 0, xs: 0 };
 const descriptionSpan = { xxl: 18, xl: 17, lg: 16, md: 14, sm: 20, xs: 18 };
-
 const headerLayout = [
   { ...nameSpan, header: 'Name' },
   { ...descriptionSpan, header: 'Description' },
 ];
 
-const { confirm } = Modal;
-
 /**
  * @class
  * @name EventUrgency
@@ -202,6 +205,7 @@ class EventUrgency extends Component {
    * @since 0.1.0
    */
   handleAfterCloseForm = () => {
+    selectEventUrgency(null);
     this.setState({ isEditForm: false });
   };
 
@@ -383,10 +387,11 @@ class EventUrgency extends Component {
           maskClosable={false}
           afterClose={this.handleAfterCloseForm}
         >
-          <EventUrgencyForm
+          <SettingForm
+            setting={eventUrgency}
             posting={posting}
-            isEditForm={isEditForm}
-            eventUrgency={eventUrgency}
+            onCreate={postEventUrgency}
+            onUpdate={putEventUrgency}
             onCancel={this.closeEventUrgencyForm}
           />
         </Modal>