From 959f8277ce10c554d951d2efc656b11d8d626ee5 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Tue, 19 May 2020 16:23:22 -0400
Subject: [PATCH] feat: enable filtering the channels with the search

Fixes #59
---
 ui/app/AppLayouts/ChatLayout.qml | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/app/AppLayouts/ChatLayout.qml b/ui/app/AppLayouts/ChatLayout.qml
index 0f719ea750..7d6b4bcb28 100644
--- a/ui/app/AppLayouts/ChatLayout.qml
+++ b/ui/app/AppLayouts/ChatLayout.qml
@@ -6,6 +6,8 @@ import Qt.labs.platform 1.1
 import "../../imports"
 
 SplitView {
+    property alias searchStr: searchText.text
+
     id: chatView
     x: 0
     y: 0
@@ -18,6 +20,7 @@ SplitView {
     anchors.leftMargin: 0
 
     Item {
+
         id: contactsColumn
         width: 300
         height: parent.height
@@ -127,7 +130,6 @@ SplitView {
 
                     Rectangle {
                         id: wrapper
-                        height: 64
                         color: ListView.isCurrentItem ? Theme.lightBlue : Theme.transparent
                         anchors.right: parent.right
                         anchors.rightMargin: Theme.padding
@@ -136,10 +138,14 @@ SplitView {
                         anchors.left: parent.left
                         anchors.leftMargin: Theme.padding
                         radius: 8
+                        // Hide the box if it is filtered out
+                        property bool isVisible: searchStr == "" || name.includes(searchStr)
+                        visible: isVisible ? true : false
+                        height: isVisible ? 64 : 0
 
                         MouseArea {
                             anchors.fill: parent
-                            onClicked: listView.currentIndex = index
+                            onClicked: chatGroupsListView.currentIndex = index
                         }
 
                         Rectangle {
@@ -214,7 +220,7 @@ SplitView {
                 }
 
                 ListView {
-                    id: listView
+                    id: chatGroupsListView
                     anchors.topMargin: 24
                     anchors.fill: parent
                     model: chatsModel