feat(Community Permissions): Update ENS icon in permission pills

Closes #10341
status-im · Apr 27, 2023 · 8ca70ea · 8ca70ea
1 parent 87fa7cf
commit 8ca70ea
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 18 deletions.
diff --git a/storybook/src/Models/PermissionsModel.qml b/storybook/src/Models/PermissionsModel.qml
@@ -108,9 +108,9 @@ QtObject {
                         available: false
                     },
                     {
-                        type: HoldingTypes.Type.Collectible,
-                        key: "Kitty1",
-                        amount: 12,
+                        type: HoldingTypes.Type.Ens,
+                        key: "Ens",
+                        amount: 1,
                         available: true
                     }
                 ]
@@ -151,6 +151,35 @@ QtObject {
     }
 
     function createHoldingsModel4() {
+        return [
+                    {
+                        type: HoldingTypes.Type.Asset,
+                        key: "socks",
+                        amount: 15,
+                        available: true
+                    },
+                    {
+                        type: HoldingTypes.Type.Asset,
+                        key: "snt",
+                        amount: 25000,
+                        available: true
+                    },
+                    {
+                        type: HoldingTypes.Type.Ens,
+                        key: "ENS",
+                        amount: 1,
+                        available: false
+                    },
+                    {
+                        type: HoldingTypes.Type.Asset,
+                        key: "Amp",
+                        amount: 2,
+                        available: true
+                    }
+                ]
+    }
+
+    function createHoldingsModel5() {
         return [
                     {
                         type: HoldingTypes.Type.Asset,

diff --git a/ui/app/AppLayouts/Chat/panels/communities/HoldingsListPanel.qml b/ui/app/AppLayouts/Chat/panels/communities/HoldingsListPanel.qml
@@ -74,7 +74,7 @@ Control {
                                 leftPadding: 2
                                 title: model.text
                                 asset.name: model.imageSource
-                                asset.isImage: !model.isIcon
+                                asset.isImage: true
                                 asset.bgColor: "transparent"
                                 asset.height: 28
                                 asset.width: asset.height

diff --git a/ui/app/AppLayouts/Chat/views/communities/HoldingsSelectionModel.qml b/ui/app/AppLayouts/Chat/views/communities/HoldingsSelectionModel.qml
@@ -56,7 +56,7 @@ SortFilterProxyModel {
 
             function getIcon(type, key) {
                 if (type === HoldingTypes.Type.Ens)
-                    return "username"
+                    return Style.png("tokens/ENS")
 
                 const model = type === HoldingTypes.Type.Asset
                             ? assetsModel : collectiblesModel
@@ -70,19 +70,6 @@ SortFilterProxyModel {
                 return getIcon(model.type, model.key)
             }
         },
-        ExpressionRole {
-            name: "isIcon"
-
-            function isIconType(type) {
-                return type === HoldingTypes.Type.Ens
-            }
-
-            expression: {
-                _assetsChanges.revision
-                _collectiblesChanges.revision
-                return isIconType(model.type)
-            }
-        },
         ExpressionRole {
             name: "operator"
 

diff --git a/ui/imports/assets/png/tokens/ENS.png b/ui/imports/assets/png/tokens/ENS.png