Prettify files

awx/ui_next/src/components/NotificationsList/NotificationListItem.jsx

@@ -47,15 +47,18 @@ function NotificationListItem(props) {
       key={notification.id}
     >
       <DataListItemRow>
-        <DataListItemCells dataListCells={[
+        <DataListItemCells
+          dataListCells={[
             <DataListCell key="name">
               <Link
                 to={{
-                pathname: detailUrl
+                  pathname: detailUrl,
                 }}
                 css="margin-right: 1.5em;"
               >
-              <b id={`items-list-item-${notification.id}`}>{notification.name}</b>
+                <b id={`items-list-item-${notification.id}`}>
+                  {notification.name}
+                </b>
               </Link>
             </DataListCell>,
             <DataListCell key="type">
@@ -67,11 +70,13 @@ function NotificationListItem(props) {
                 label={i18n._(t`Successful`)}
                 isChecked={successTurnedOn}
                 isDisabled={!canToggleNotifications}
-              onChange={() => toggleNotification(
+                onChange={() =>
+                  toggleNotification(
                     notification.id,
                     successTurnedOn,
                     'success'
-              )}
+                  )
+                }
                 aria-label={i18n._(t`Toggle notification success`)}
               />
               <Switch
@@ -79,14 +84,12 @@ function NotificationListItem(props) {
                 label={i18n._(t`Failure`)}
                 isChecked={errorTurnedOn}
                 isDisabled={!canToggleNotifications}
-              onChange={() => toggleNotification(
+                onChange={() =>
-                notification.id,
+                  toggleNotification(notification.id, errorTurnedOn, 'error')
-                errorTurnedOn,
+                }
-                'error'
-              )}
                 aria-label={i18n._(t`Toggle notification failure`)}
               />
-          </DataListCell>
+            </DataListCell>,
           ]}
         />
       </DataListItemRow>
@@ -105,7 +108,7 @@ NotificationListItem.propTypes = {
   errorTurnedOn: bool,
   successTurnedOn: bool,
   toggleNotification: func.isRequired,
-  typeLabels: shape().isRequired
+  typeLabels: shape().isRequired,
 };
 
 NotificationListItem.defaultProps = {

awx/ui_next/src/components/NotificationsList/NotificationListItem.test.jsx

@@ -9,11 +9,11 @@ describe('<NotificationListItem canToggleNotifications />', () => {
   const mockNotif = {
     id: 9000,
     name: 'Foo',
-    notification_type: 'slack'
+    notification_type: 'slack',
   };
 
   const typeLabels = {
-    slack: 'Slack'
+    slack: 'Slack',
   };
 
   beforeEach(() => {
@@ -51,7 +51,10 @@ describe('<NotificationListItem canToggleNotifications />', () => {
         typeLabels={typeLabels}
       />
     );
-    const typeCell = wrapper.find('DataListCell').at(1).find('div');
+    const typeCell = wrapper
+      .find('DataListCell')
+      .at(1)
+      .find('div');
     expect(typeCell.text()).toBe('Slack');
   });
 

awx/ui_next/src/screens/Organization/OrganizationNotifications/OrganizationNotifications.jsx

@@ -35,7 +35,7 @@ class OrganizationNotifications extends Component {
       notifications: [],
       successTemplateIds: [],
       errorTemplateIds: [],
-      typeLabels: null
+      typeLabels: null,
     };
     this.handleNotificationToggle = this.handleNotificationToggle.bind(this);
     this.handleNotificationErrorClose = this.handleNotificationErrorClose.bind(
@@ -60,9 +60,7 @@ class OrganizationNotifications extends Component {
     const { typeLabels } = this.state;
     const params = parseNamespacedQueryString(QS_CONFIG, location.search);
 
-    const promises = [
+    const promises = [OrganizationsAPI.readNotificationTemplates(id, params)];
-      OrganizationsAPI.readNotificationTemplates(id, params)
-    ];
 
     if (!typeLabels) {
       promises.push(OrganizationsAPI.readOptionsNotificationTemplates(id));
@@ -70,12 +68,12 @@ class OrganizationNotifications extends Component {
 
     this.setState({ contentError: null, hasContentLoading: true });
     try {
-      const [{
+      const [
-        data: {
+        {
-          count: itemCount = 0,
+          data: { count: itemCount = 0, results: notifications = [] },
-          results: notifications = [],
+        },
-        }
+        optionsResponse,
-      }, optionsResponse] = await Promise.all(promises);
+      ] = await Promise.all(promises);
 
       let idMatchParams;
       if (notifications.length > 0) {
@@ -100,10 +98,20 @@ class OrganizationNotifications extends Component {
       };
 
       if (!typeLabels) {
-        const { data: { actions: { GET: { notification_type: {choices} } } } } = optionsResponse;
+        const {
+          data: {
+            actions: {
+              GET: {
+                notification_type: { choices },
+              },
+            },
+          },
+        } = optionsResponse;
         // The structure of choices looks like [['slack', 'Slack'], ['email', 'Email'], ...]
-        stateToUpdate.typeLabels =
+        stateToUpdate.typeLabels = choices.reduce(
-          choices.reduce((map, notifType) => ({ ...map, [notifType[0]]: notifType[1]}), {});
+          (map, notifType) => ({ ...map, [notifType[0]]: notifType[1] }),
+          {}
+        );
       }
 
       this.setState(stateToUpdate);

awx/ui_next/src/screens/Organization/OrganizationNotifications/OrganizationNotifications.test.jsx

@@ -10,17 +10,20 @@ jest.mock('@api');
 describe('<OrganizationNotifications />', () => {
   const data = {
     count: 2,
-    results: [{
+    results: [
+      {
         id: 1,
         name: 'Notification one',
         url: '/api/v2/notification_templates/1/',
         notification_type: 'email',
-    }, {
+      },
+      {
         id: 2,
         name: 'Notification two',
         url: '/api/v2/notification_templates/2/',
         notification_type: 'email',
-    }]
+      },
+    ],
   };
 
   OrganizationsAPI.readOptionsNotificationTemplates.mockReturnValue({
@@ -28,13 +31,11 @@ describe('<OrganizationNotifications />', () => {
       actions: {
         GET: {
           notification_type: {
-            choices: [
+            choices: [['email', 'Email']],
-              ['email', 'Email']
+          },
-            ]
+        },
-          }
+      },
-        }
+    },
-      }
-    }
   });
 
   beforeEach(() => {