From 3f5c5fdaeead8c60b95c1dc68222bfb93c3f472b Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Tue, 2 Oct 2018 18:05:10 +0200
Subject: [PATCH] Switched behavior

---
 .../components/Group/index.js                 |  6 +-
 .../components/NotificationsGroups/index.js   | 78 +++++++++----------
 2 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js b/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js
index 298a77df..0edceb1d 100644
--- a/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js
+++ b/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js
@@ -45,12 +45,12 @@ class Group extends Component {
         if (this.state.visible) {
             this.setState({
                 visible: false,
-                visibleCount: 0,
+                visibleCount: this.props.groupNotifications.length,
             });
         } else {
             this.setState({
                 visible: true,
-                visibleCount: this.props.groupNotifications.length,
+                visibleCount: 0,
             });
         }
     }
@@ -88,7 +88,7 @@ class Group extends Component {
                         .slice(0, this.state.visibleCount)
                         .map(notification => (
                             <Notification
-                                key={notification.title}
+                                key={notification.key}
                                 type={notification.type}
                                 title={notification.title}
                                 message={notification.message}
diff --git a/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js b/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
index 169a689c..d100cb92 100644
--- a/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
+++ b/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
@@ -23,45 +23,45 @@ class NotificationsGroup extends Component {
     }
 
     render() {
-        const { close, notifications } = this.props;
-        // const notifications = [
-        //     {
-        //         key: '1',
-        //         title: 'this is a title of error notification',
-        //         type: 'error',
-        //         message: 'this is a message of error notification',
-        //     },
-        //     {
-        //         key: '2',
-        //         title: 'this is a title of warning notification',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: '3',
-        //         title: 'this is a title of warning notification',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: '4',
-        //         title: 'this is a title of warning notification',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: '5',
-        //         title: 'this is a title of warning notification',
-        //         type: 'info',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: '6',
-        //         title: 'this is a title of info notification',
-        //         type: 'info',
-        //         message: 'this is a message of info notification',
-        //     },
-        // ];
+        const { close } = this.props;
+        const notifications = [
+            {
+                key: 1,
+                title: 'this is a title of error notification',
+                type: 'error',
+                message: 'this is a message of error notification',
+            },
+            {
+                key: 2,
+                title: 'this is a title of warning notification',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 3,
+                title: 'this is a title of warning notification',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 4,
+                title: 'this is a title of warning notification sds d',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 5,
+                title: 'this is a title of warning notification as',
+                type: 'info',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 6,
+                title: 'this is a title of info notification s ',
+                type: 'info',
+                message: 'this is a message of info notification',
+            },
+        ];
         const notificationGroups = this.groupNotifications(notifications);
         const sortedNotifications = this.sortByPriority(notificationGroups);