Separate header for reuse

2 files changed, 33 insertions, 27 deletions

diff --git a/DefaultHomeFlickable.ui.qml b/DefaultHomeFlickable.ui.qml
index e2f89fe..0e5300f 100644
--- a/DefaultHomeFlickable.ui.qml
+++ b/DefaultHomeFlickable.ui.qml
@@ -15,34 +15,8 @@ Flickable {
 			right: parent.right
 		}
 
-		ToolBar {
+		HeaderToolBar {
 			Layout.fillWidth: true
-			RowLayout {
-				anchors.fill: parent
-				layoutDirection: Qt.RightToLeft
-				ToolButton {
-					onClicked: optionsMenu.open()
-					Menu {
-						id: optionsMenu
-						y: parent.height
-						Action {
-							text: qsTr("Edit Profile")
-						}
-						Action {
-							text: qsTr("Account Settings")
-						}
-						Action {
-							text: qsTr("Help")
-						}
-						Action {
-							text: qsTr("Sign Out")
-						}
-						Action {
-							text: qsTr("Dark Mode")
-						}
-					}
-				}
-			}
 		}
 
 		Item {
diff --git a/HeaderToolBar.ui.qml b/HeaderToolBar.ui.qml
new file mode 100644
index 0000000..098f404
--- /dev/null
+++ b/HeaderToolBar.ui.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+ToolBar {
+	RowLayout {
+		anchors.fill: parent
+		layoutDirection: Qt.RightToLeft
+		ToolButton {
+			onClicked: optionsMenu.open()
+			Menu {
+				id: optionsMenu
+				y: parent.height
+				Action {
+					text: qsTr("Edit Profile")
+				}
+				Action {
+					text: qsTr("Account Settings")
+				}
+				Action {
+					text: qsTr("Help")
+				}
+				Action {
+					text: qsTr("Sign Out")
+				}
+				Action {
+					text: qsTr("Dark Mode")
+				}
+			}
+		}
+	}
+}