feat: Desktop Shell Mode homepage

- Shell becomes the new startup/home screen; hidden behind a feature
flag
- has a searchable grid, providing an overview of chats, communities,
wallets, settings etc
- some related smaller component and storybook page fixes
- cleanup some clazy warnings

Fixes #17971

Author: caybro

src/app/global/feature_flags.nim

@@ -21,6 +21,7 @@ const DEFAULT_FLAG_SEND_VIA_PERSONAL_CHAT_ENABLED  = true
 const DEFAULT_FLAG_PAYMENT_REQUEST_ENABLED = true
 const DEFAULT_FLAG_SIMPLE_SEND_ENABLED = true
 const DEFAULT_FLAG_MARKET_ENABLED = true
+const DEFAULT_FLAG_SHELL_ENABLED = false
 
 # Compile time feature flags
 const DEFAULT_FLAG_DAPPS_ENABLED  = true
@@ -35,6 +36,7 @@ featureFlag("SEND_VIA_PERSONAL_CHAT_ENABLED", DEFAULT_FLAG_SEND_VIA_PERSONAL_CHA
 featureFlag("PAYMENT_REQUEST_ENABLED",        DEFAULT_FLAG_PAYMENT_REQUEST_ENABLED)
 featureFlag("SIMPLE_SEND_ENABLED",            DEFAULT_FLAG_SIMPLE_SEND_ENABLED)
 featureFlag("MARKET_ENABLED",                 DEFAULT_FLAG_MARKET_ENABLED)
+featureFlag("SHELL_ENABLED",                  DEFAULT_FLAG_SHELL_ENABLED)
 
 featureFlag("DAPPS_ENABLED",                  DEFAULT_FLAG_DAPPS_ENABLED, true)
 featureFlag("CONNECTOR_ENABLED",              DEFAULT_FLAG_CONNECTOR_ENABLED, true)
@@ -81,6 +83,7 @@ QtObject:
     simpleSendEnabled: bool
     keycardEnabled: bool
     marketEnabled: bool
+    shellEnabled: bool
 
   proc setup(self: FeatureFlags) =
     self.QObject.setup()
@@ -92,6 +95,7 @@ QtObject:
     self.simpleSendEnabled = SIMPLE_SEND_ENABLED
     self.keycardEnabled = KEYCARD_ENABLED
     self.marketEnabled = MARKET_ENABLED
+    self.shellEnabled = SHELL_ENABLED
 
   proc delete*(self: FeatureFlags) =
     self.QObject.delete()
@@ -147,3 +151,9 @@ QtObject:
 
   proc getMarketEnabled*(self: FeatureFlags): bool {.slot.} =
     return self.marketEnabled
+
+  QtProperty[bool] shellEnabled:
+    read = getShellEnabled
+
+  proc getShellEnabled*(self: FeatureFlags): bool {.slot.} =
+    return self.shellEnabled

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/ColorsPage.qml

@@ -137,6 +137,7 @@ SplitView {
                     font.weight: Font.Medium
                 }
                 TextField {
+                    Layout.preferredWidth: 200
                     readonly property string searchText: text.toLowerCase()
                     id: searchField
                 }
@@ -280,3 +281,4 @@ SplitView {
 }
 
 // category: Core
+// status: good

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