From 6ca24d33cb01ae0e04f3ea56d32fb9900a335460 Mon Sep 17 00:00:00 2001
From: Anthony Laibe <anthony@laibe.cc>
Date: Wed, 11 May 2022 11:15:31 +0200
Subject: [PATCH] feat(@StatusAppNavBar): Add qr scan button

---
 .../src/StatusQ/Layout/StatusAppNavBar.qml     | 18 ++++++++++++++++++
 ui/StatusQ/src/assets/img/icons/qr-scan.svg    |  7 +++++++
 2 files changed, 25 insertions(+)
 create mode 100644 ui/StatusQ/src/assets/img/icons/qr-scan.svg

diff --git a/ui/StatusQ/src/StatusQ/Layout/StatusAppNavBar.qml b/ui/StatusQ/src/StatusQ/Layout/StatusAppNavBar.qml
index 631836f4f4..d971383a23 100644
--- a/ui/StatusQ/src/StatusQ/Layout/StatusAppNavBar.qml
+++ b/ui/StatusQ/src/StatusQ/Layout/StatusAppNavBar.qml
@@ -21,6 +21,7 @@ Rectangle {
     property int communityTypeValue: -1
     property int navBarButtonSpacing: 12
 
+    property StatusNavBarTabButton navBarCameraButton 
     property StatusNavBarTabButton navBarProfileButton
     property Component regularNavBarButton
     property Component communityNavBarButton
@@ -37,6 +38,12 @@ Rectangle {
         }
     }
 
+    onNavBarCameraButtonChanged: {
+        if (!!navBarCameraButton) {
+            navBarCameraButton.parent = navBarCameraButtonSlot
+        }
+    }
+
     function triggerUpdate(){
         navBarModel.update()
     }
@@ -162,6 +169,17 @@ Rectangle {
         model: navBarModel
     }
 
+    Item {
+        id: navBarCameraButtonSlot
+        anchors.horizontalCenter: parent.horizontalCenter
+        height: visible? statusAppNavBar.navBarProfileButton.height : 0
+        width: visible? statusAppNavBar.navBarProfileButton.width : 0
+        visible: !!statusAppNavBar.navBarCameraButton
+        anchors.bottom: navBarProfileButtonSlot.visible ? navBarProfileButtonSlot.top : parent.bottom
+        anchors.bottomMargin: visible ? 12 : 0
+    }
+
+
     Item {
         id: navBarProfileButtonSlot
         anchors.horizontalCenter: parent.horizontalCenter
diff --git a/ui/StatusQ/src/assets/img/icons/qr-scan.svg b/ui/StatusQ/src/assets/img/icons/qr-scan.svg
new file mode 100644
index 0000000000..e21a6d2d91
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/qr-scan.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.754547 10C0.754547 9.58579 1.09033 9.25 1.50455 9.25H22.4954C22.9096 9.25 23.2454 9.58579 23.2454 10C23.2454 10.4142 22.9096 10.75 22.4954 10.75H1.50455C1.09033 10.75 0.754547 10.4142 0.754547 10Z" fill="#939BA1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 4.75317C2 2.12982 4.12665 0.00317383 6.75 0.00317383H8.75C9.16421 0.00317383 9.5 0.33896 9.5 0.753174C9.5 1.16739 9.16421 1.50317 8.75 1.50317H6.75C4.95507 1.50317 3.5 2.95825 3.5 4.75317V6.54037C3.5 6.95458 3.16421 7.29037 2.75 7.29037C2.33579 7.29037 2 6.95458 2 6.54037V4.75317Z" fill="#939BA1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 15.25C2 17.8734 4.12665 20 6.75 20H8.75C9.16421 20 9.5 19.6642 9.5 19.25C9.5 18.8358 9.16421 18.5 8.75 18.5H6.75C4.95507 18.5 3.5 17.0449 3.5 15.25V13.4628C3.5 13.0486 3.16421 12.7128 2.75 12.7128C2.33579 12.7128 2 13.0486 2 13.4628V15.25Z" fill="#939BA1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 4.75317C22 2.12982 19.8734 0.00317383 17.25 0.00317383H15.25C14.8358 0.00317383 14.5 0.33896 14.5 0.753174C14.5 1.16739 14.8358 1.50317 15.25 1.50317H17.25C19.0449 1.50317 20.5 2.95825 20.5 4.75317V6.54037C20.5 6.95458 20.8358 7.29037 21.25 7.29037C21.6642 7.29037 22 6.95458 22 6.54037V4.75317Z" fill="#939BA1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 15.25C22 17.8734 19.8734 20 17.25 20H15.25C14.8358 20 14.5 19.6642 14.5 19.25C14.5 18.8358 14.8358 18.5 15.25 18.5H17.25C19.0449 18.5 20.5 17.0449 20.5 15.25V13.4628C20.5 13.0486 20.8358 12.7128 21.25 12.7128C21.6642 12.7128 22 13.0486 22 13.4628V15.25Z" fill="#939BA1"/>
+</svg>
\ No newline at end of file