From 3b13ed30e8714eaa5c0e9c556bac283ac87872d4 Mon Sep 17 00:00:00 2001
From: Alexander <Alexander_Krasovsky@epam.com>
Date: Thu, 5 Jan 2023 12:56:30 +0300
Subject: [PATCH] EPMRPP-77501 || sorted integrations after add new item
 (#3371)

* EPMRPP-77501 || sorted integrations after add new item

* EPMRPP-77501 || Code review fixes - 1

* EPMRPP-77501 || Code review fixes - 2

Co-authored-by: Ilya Hancharyk <Ilya_Hancharyk@epam.com>
---
 app/src/controllers/plugins/reducer.js        |  2 +-
 .../integrationCollection.jsx                 | 40 +++++++++----------
 2 files changed, 19 insertions(+), 23 deletions(-)

diff --git a/app/src/controllers/plugins/reducer.js b/app/src/controllers/plugins/reducer.js
index 04c8ec5fd4..e1bb038760 100644
--- a/app/src/controllers/plugins/reducer.js
+++ b/app/src/controllers/plugins/reducer.js
@@ -40,7 +40,7 @@ import {
 
 const addIntegration = (state, type, payload) => ({
   ...state,
-  [type]: [...state[type], payload],
+  [type]: [payload, ...state[type]],
 });
 
 const updateIntegration = (state, type, payload) => ({
diff --git a/app/src/pages/inside/projectSettingsPageContainer/content/integrations/integrationsList/integrationInfo/integrationCollection/integrationCollection.jsx b/app/src/pages/inside/projectSettingsPageContainer/content/integrations/integrationsList/integrationInfo/integrationCollection/integrationCollection.jsx
index 936e4cef4c..d12bcaa9b3 100644
--- a/app/src/pages/inside/projectSettingsPageContainer/content/integrations/integrationsList/integrationInfo/integrationCollection/integrationCollection.jsx
+++ b/app/src/pages/inside/projectSettingsPageContainer/content/integrations/integrationsList/integrationInfo/integrationCollection/integrationCollection.jsx
@@ -22,33 +22,29 @@ import styles from './integrationCollection.scss';
 
 const cx = classNames.bind(styles);
 
-export const IntegrationCollection = ({ items, disabled, openIntegration }) => {
-  return (
-    <div className={cx('instances-list-wrapper')}>
-      <ul className={cx('instances-list')}>
-        {items.map((item) => (
-          <IntegrationCollectionItem
-            key={item.id}
-            item={item}
-            id={item.id}
-            disabled={disabled}
-            title={item.name}
-            creator={item.creator}
-            creationInfo={moment(item.creationDate).format('ll')}
-            openIntegration={openIntegration}
-          />
-        ))}
-      </ul>
-    </div>
-  );
-};
-
+export const IntegrationCollection = ({ items, disabled, openIntegration }) => (
+  <div className={cx('instances-list-wrapper')}>
+    <ul className={cx('instances-list')}>
+      {items.map((item) => (
+        <IntegrationCollectionItem
+          key={item.id}
+          item={item}
+          id={item.id}
+          disabled={disabled}
+          title={item.name}
+          creator={item.creator}
+          creationInfo={moment(item.creationDate).format('ll')}
+          openIntegration={openIntegration}
+        />
+      ))}
+    </ul>
+  </div>
+);
 IntegrationCollection.propTypes = {
   items: PropTypes.array.isRequired,
   disabled: PropTypes.bool,
   openIntegration: PropTypes.func,
 };
-
 IntegrationCollection.defaultProps = {
   disabled: false,
   openIntegration: () => {},