From 1bc4c08d0ff16af52bd395bc76c4af0d9e77569f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Sun, 26 Feb 2023 14:01:55 +0800
Subject: Repeater for most popular tab buttons

---
 HomeDefault.ui.qml | 87 ++++++++++--------------------------------------------
 1 file changed, 16 insertions(+), 71 deletions(-)

diff --git a/HomeDefault.ui.qml b/HomeDefault.ui.qml
index d561291..c9dd859 100644
--- a/HomeDefault.ui.qml
+++ b/HomeDefault.ui.qml
@@ -249,78 +249,23 @@ Flickable {
 				Layout.fillWidth: true
 				Layout.bottomMargin: 25.6
 
-				TabButton {
-					id: webDesign
-					text: qsTr("Web Design")
-					horizontalPadding: 16
-					verticalPadding: 8
-					anchors {
-						rightMargin: 8
-						bottomMargin: 8
-					}
-					background: Rectangle {
-						color: "#066ac9"
-						radius: 5.2
-					}
-				}
-
-				TabButton {
-					id: development
-					text: qsTr("Development")
-					horizontalPadding: 16
-					verticalPadding: 8
-					anchors {
-						rightMargin: 8
-						bottomMargin: 8
-					}
-					background: Rectangle {
-						color: "#066ac9"
-						radius: 5.2
-					}
-				}
-
-				TabButton {
-					id: graphicDesign
-					text: qsTr("Graphic Design")
-					horizontalPadding: 16
-					verticalPadding: 8
-					anchors {
-						rightMargin: 8
-						bottomMargin: 8
-					}
-					background: Rectangle {
-						color: "#066ac9"
-						radius: 5.2
-					}
-				}
-
-				TabButton {
-					id: marketing
-					text: qsTr("Marketing")
-					horizontalPadding: 16
-					verticalPadding: 8
-					anchors {
-						rightMargin: 8
-						bottomMargin: 8
-					}
-					background: Rectangle {
-						color: "#066ac9"
-						radius: 5.2
-					}
-				}
+				Repeater {
+					model: ["Web Design", "Development",
+						       "Graphic Design",
+						       "Marketing", "Finance"]
 
-				TabButton {
-					id: finance
-					text: qsTr("Finance")
-					horizontalPadding: 16
-					verticalPadding: 8
-					anchors {
-						rightMargin: 8
-						bottomMargin: 8
-					}
-					background: Rectangle {
-						color: "#066ac9"
-						radius: 5.2
+					TabButton {
+						text: modelData
+						horizontalPadding: 16
+						verticalPadding: 8
+						anchors {
+							rightMargin: 8
+							bottomMargin: 8
+						}
+						background: Rectangle {
+							color: "#066ac9"
+							radius: 5.2
+						}
 					}
 				}
 			}
-- 
cgit v1.2.3