WIP feat: Desktop Shell Mode homepage

Author: caybro

src/app/modules/shared_models/section_model.nim

@@ -309,7 +309,6 @@ QtObject:
     updateRoleWithValue(joined, Joined, item.joined)
     updateRoleWithValue(spectated, Spectated, item.spectated)
     updateRoleWithValue(isMember, IsMember, item.isMember)
-    updateRoleWithValue(isMember, IsMember, item.isMember)
     updateRoleWithValue(canManageUsers, CanManageUsers, item.canManageUsers)
     updateRoleWithValue(canRequestAccess, CanRequestAccess, item.canRequestAccess)
     updateRoleWithValue(access, Access, item.access)

storybook/pages/CommunitiesPortalDummyModel.qml

@@ -1,19 +1,21 @@
-import QtQuick 2.14
+import QtQuick 2.15
 
 import Models 1.0
 
 ListModel {
 
     readonly property var emptyModel: ListModel {}
 
-    Component.onCompleted: append([
+    Component.onCompleted: append(entries)
+
+    readonly property var entries: [
         {
             featured: false,
             id: "id1",
             loaded: true,
             icon: ModelsData.icons.status,
             banner: ModelsData.banners.status,
-            color: "blue",
+            color: "mediumblue",
             name: "Status.app",
             description: "Your portal to Web3. Secure wallet. Private messaging. Requires secret tokens to join",
             members: 130,
@@ -43,7 +45,9 @@ ListModel {
                 },
             ]),
             permissionsModel: PermissionsModel.privatePermissionsMemberNotMetModel,
-            allTokenRequirementsMet: false
+            allTokenRequirementsMet: false,
+            hasNotification: true,
+            notificationsCount: 3
         },
         {
             featured: true,
@@ -73,7 +77,9 @@ ListModel {
                 },
             ]),
             permissionsModel: PermissionsModel.twoShortPermissionsModel,
-            allTokenRequirementsMet: false
+            allTokenRequirementsMet: false,
+            hasNotification: true,
+            notificationsCount: 0
         },
         {
             featured: true,
@@ -108,7 +114,7 @@ ListModel {
             icon: ModelsData.icons.dragonereum,
             banner: ModelsData.banners.dragonereum,
             color: "black",
-            name: "Dragonereum",
+            name: "Dragonereum lorem ipsum dolor sit amet",
             description: "A community of cat lovers, meow!",
             members: 34,
             activeMembers: 20,
@@ -138,7 +144,9 @@ ListModel {
             available: true,
             tags: JSON.stringify([]),
             permissionsModel: PermissionsModel.channelsOnlyPermissionsModelNotMet,
-            allTokenRequirementsMet: false
+            allTokenRequirementsMet: false,
+            hasNotification: true,
+            notificationsCount: 33
         },
         {
             featured: false,
@@ -168,7 +176,9 @@ ListModel {
                 },
             ]),
             permissionsModel: PermissionsModel.threeShortPermissionsModel,
-            allTokenRequirementsMet: false
+            allTokenRequirementsMet: false,
+            hasNotification: false,
+            notificationsCount: 33
         },
         {
             featured: false,
@@ -219,7 +229,9 @@ ListModel {
                 },
             ]),
             permissionsModel: PermissionsModel.twoLongPermissionsModel,
-            allTokenRequirementsMet: true
+            allTokenRequirementsMet: true,
+            hasNotification: true,
+            notificationsCount: 0
         },
         {
             featured: false,
@@ -236,7 +248,9 @@ ListModel {
             available: true,
             tags: JSON.stringify([]),
             permissionsModel: emptyModel,
-            allTokenRequirementsMet: false
+            allTokenRequirementsMet: false,
+            hasNotification: true,
+            notificationsCount: 100
         }
-        ])
+    ]
 }

storybook/pages/CommunitiesViewPage.qml

@@ -57,7 +57,7 @@ SplitView {
                     logs.logEvent("profileSectionStore::communitiesProfileModule::leaveCommunity", ["communityId"], arguments)
                 }
             }
-            property var communitiesList: ctrlEmptyView.checked ? emptyModel : communitiesModel
+            readonly property var communitiesList: ctrlEmptyView.checked ? emptyModel : communitiesModel
         }
         rootStore: AppLayoutsStores.RootStore {
             function isMyCommunityRequestPending(communityId) {
@@ -90,5 +90,5 @@ SplitView {
 }
 
 // category: Views
-
+// status: good
 // https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?type=design&node-id=16089-387522&t=HRT9BmZXnl7Lt55Q-0