Add header to sidebar component

retroshare-qml-app/src/components/SideBar.qml

@@ -1,5 +1,6 @@
 import QtQuick 2.7
 import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.3
 import "../URI.js" as UriJs
 import "../"
 import "../components"
@@ -17,8 +18,30 @@ Drawer
 	{
 		id: listView
 		currentIndex: -1
-		anchors.fill: parent
+
-		height: parent.height
+		anchors.fill:parent
+
+		clip: true
+
+		snapMode: ListView.SnapToItem
+
+		headerPositioning: ListView.OverlayHeader
+
+		header:Rectangle
+		{
+			id:header
+			property var styles: StyleSideBar.header
+
+			width: parent.width
+			height: styles.height
+			color: styles.color
+			Label {
+				        text: "Retroshare"
+						anchors.centerIn: parent
+						wrapMode: Text.WordWrap
+			        }
+
+		}
 
 		delegate: Item
 		{

retroshare-qml-app/src/styles/SideBarStyle.qml

@@ -12,7 +12,11 @@ QtObject {
 		property string hoverColor: "lightgrey"
 		property string defaultColor: "white"
 		property string pressColor: "slategrey"
-
+	}
+	property QtObject header: QtObject
+	{
+		property var height: 80
+		property var color: "#0398d5"
 	}
 
 }