From 7aaa16a0c41e1dca31fa9ebc92f47ba9cf1c75b1 Mon Sep 17 00:00:00 2001
From: Noelia <noelia@status.im>
Date: Wed, 15 Mar 2023 18:14:31 +0100
Subject: [PATCH] feat(storybook): Added airdrop settings panel

Added airdrop settings panel.
Updated holdings dropdown page.
---
 storybook/PagesModel.qml                      |  4 +
 storybook/figma.json                          |  4 +
 .../CommunityAirdropsSettingsPanelPage.qml    | 41 ++++++++++
 storybook/pages/HoldingsDropdownPage.qml      | 76 ++++++++++++-------
 4 files changed, 98 insertions(+), 27 deletions(-)
 create mode 100644 storybook/pages/CommunityAirdropsSettingsPanelPage.qml

diff --git a/storybook/PagesModel.qml b/storybook/PagesModel.qml
index 82f93e1181..0cf149fa41 100644
--- a/storybook/PagesModel.qml
+++ b/storybook/PagesModel.qml
@@ -89,6 +89,10 @@ ListModel {
          title: "CommunityMintTokensSettingsPanel"
          section: "Panels"
     }
+    ListElement {
+         title: "CommunityAirdropsSettingsPanel"
+         section: "Panels"
+    }
     ListElement {
         title: "InviteFriendsToCommunityPopup"
         section: "Popups"
diff --git a/storybook/figma.json b/storybook/figma.json
index 5ea5a70916..0537171aec 100644
--- a/storybook/figma.json
+++ b/storybook/figma.json
@@ -127,5 +127,9 @@
     ],
     "ProfileSocialLinksPanel": [
         "https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?node-id=14588%3A308727&t=cwFGbBHsAGOP0T5R-0"
+    ],
+    "CommunityMintTokensSettingsPanel": [
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22602%3A495365&t=PTKo9Q0qIy9YzZxF-1",
+        "https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?node-id=22602%3A495563&t=PTKo9Q0qIy9YzZxF-1"
     ]
 }
diff --git a/storybook/pages/CommunityAirdropsSettingsPanelPage.qml b/storybook/pages/CommunityAirdropsSettingsPanelPage.qml
new file mode 100644
index 0000000000..b2dd5e5ada
--- /dev/null
+++ b/storybook/pages/CommunityAirdropsSettingsPanelPage.qml
@@ -0,0 +1,41 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+
+import AppLayouts.Chat.panels.communities 1.0
+import AppLayouts.Chat.stores 1.0
+import StatusQ.Core.Theme 0.1
+
+import Storybook 1.0
+import Models 1.0
+
+
+SplitView {
+    orientation: Qt.Vertical
+    SplitView.fillWidth: true
+
+    Logs { id: logs }
+
+    Rectangle {
+        SplitView.fillWidth: true
+        SplitView.fillHeight: true
+        color: Theme.palette.statusAppLayout.rightPanelBackgroundColor
+
+        CommunityAirdropsSettingsPanel {
+            anchors.fill: parent
+            anchors.topMargin: 50
+            assetsModel: AssetsModel {}
+            collectiblesModel: CollectiblesModel {}
+
+            onAirdropClicked: logs.logEvent("CommunityAirdropsSettingsPanel::onAirdropClicked")
+        }
+    }
+
+    LogsAndControlsPanel {
+        id: logsAndControlsPanel
+
+        SplitView.minimumHeight: 100
+        SplitView.preferredHeight: 150
+
+        logsView.logText: logs.logText
+    }
+}
diff --git a/storybook/pages/HoldingsDropdownPage.qml b/storybook/pages/HoldingsDropdownPage.qml
index 9e561e63de..005841363c 100644
--- a/storybook/pages/HoldingsDropdownPage.qml
+++ b/storybook/pages/HoldingsDropdownPage.qml
@@ -7,45 +7,67 @@ import Models 1.0
 
 import AppLayouts.Chat.controls.community 1.0
 
-Pane {
+SplitView {
     id: root
 
-    RowLayout {
-        Label {
-            text: "Open flow:"
+    orientation: Qt.Vertical
+
+    Item {
+        id: container
+        anchors.fill: parent
+        anchors.margins: 50
+
+        RowLayout {
+
+            Label {
+                text: "Open flow:"
+            }
+
+            Button {
+                text: "Add"
+                onClicked: {
+                    holdingsDropdown.close()
+                    holdingsDropdown.open()
+                }
+            }
+
+            Button {
+                text: "Update"
+                onClicked: {
+                    holdingsDropdown.close()
+                    holdingsDropdown.setActiveTab(HoldingTypes.Type.Ens)
+                    holdingsDropdown.openUpdateFlow()
+                }
+            }
         }
 
-        Button {
-            text: "Add"
-            onClicked: {
+        HoldingsDropdown {
+            id: holdingsDropdown
+
+            parent: container
+            anchors.centerIn: container
+
+            collectiblesModel: CollectiblesModel {}
+            assetsModel: AssetsModel {}
+            isENSTab: isEnsTabChecker.checked
+
+            onOpened: contentItem.parent.parent = container
+            Component.onCompleted: {
                 holdingsDropdown.close()
                 holdingsDropdown.open()
             }
         }
-
-        Button {
-            text: "Update"
-            onClicked: {
-                holdingsDropdown.close()
-                holdingsDropdown.setActiveTab(HoldingTypes.Type.Ens)
-                holdingsDropdown.openUpdateFlow()
-            }
-        }
     }
 
-    HoldingsDropdown {
-        id: holdingsDropdown
 
-        parent: root
-        anchors.centerIn: root
+    LogsAndControlsPanel {
+        SplitView.minimumHeight: 100
+        SplitView.preferredHeight: 250
 
-        collectiblesModel: CollectiblesModel {}
-        assetsModel: AssetsModel {}
-
-        onOpened: contentItem.parent.parent = root
-        Component.onCompleted: {
-            holdingsDropdown.close()
-            holdingsDropdown.open()
+        CheckBox {
+            id: isEnsTabChecker
+            text: "Is ENS tab visible?"
+            checked: true
         }
     }
 }