Add icon for notifications, sort by time

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_alert.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icNotifications.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_big_swing.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "flame.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_limit_order.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "limitOrderActive.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_new_listing.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icPhotoFilterCopy4.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_other.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icOther.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/NewDesign/noti_icon_promotion.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icEvent.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/Assets.xcassets/KyberNetwork/tokens/usds.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "usds.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

KyberNetwork/KyberNetwork/Screens/CommonViews/Notifications/Controller/KNListNotificationViewController.swift

@@ -75,7 +75,7 @@ class KNListNotificationViewController: KNBaseViewController {
   }
 
   @objc func listNotificationsDidUpdate(_ sender: Any?) {
-    self.viewModel.notifications = KNNotificationStorage.shared.notifications.map({ return $0.clone() })
+    self.viewModel.notifications = KNNotificationStorage.shared.notifications.map({ return $0.clone() }).sorted(by: { return $0.updatedDate > $1.updatedDate })
     self.emptyStateContainerView.isHidden = !self.viewModel.notifications.isEmpty
     self.listNotiTableView.isHidden = self.viewModel.notifications.isEmpty
   }

KyberNetwork/KyberNetwork/Screens/CommonViews/Notifications/Controller/TableViewCell/KNNotificationTableViewCell.swift

@@ -14,6 +14,7 @@ class KNNotificationTableViewCell: UITableViewCell {
   }
 
   func updateCell(with noti: KNNotification, index: Int) {
+    self.iconImageView.image = UIImage(named: "noti_icon_\(noti.label)")
     self.backgroundColor = {
       if !noti.read { return UIColor(red: 232, green: 239, blue: 255) }
       if index == 0 { return UIColor(red: 255, green: 255, blue: 255) }

KyberNetwork/KyberNetwork/Screens/CommonViews/Notifications/Controller/TableViewCell/KNNotificationTableViewCell.xib

@@ -41,7 +41,7 @@
                         <color key="textColor" red="0.61960784313725492" green="0.63137254901960782" blue="0.66666666666666663" alpha="1" colorSpace="calibratedRGB"/>
                         <nil key="highlightedColor"/>
                     </label>
-                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="RLC (2.3 USD, +2.0%) is trending at KyberSwap" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wQF-b5-AdW">
+                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="RLC (2.3 USD, +2.0%) is trending at KyberSwap" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="wQF-b5-AdW">
                         <rect key="frame" x="50" y="27" width="309" height="15"/>
                         <fontDescription key="fontDescription" name="Montserrat-SemiBold" family="Montserrat" pointSize="12"/>
                         <color key="textColor" red="0.078431372549019607" green="0.098039215686274508" blue="0.15294117647058825" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>