Refactor ContentView and add section header

2022-08-21 19:20:50 -04:00
parent a81a636d03
commit 417a3fca45
2 changed files with 81 additions and 35 deletions
@@ -13,42 +13,22 @@ TabView {
        Tab {
            Rectangle {
                color: "#22282A"
-                Column {
-                    Row {
-                        spacing: 80
-                        Item{
-                            width: 0.1
-                            height: 10
+                Row {
+                    Item {
+                        height: 10
+                        width: 40
+                    }
+                    Column {
+                        spacing: 20
+                        ContentViewElement {
+                            title: "In Progress"
+                            provider: modelData
+                            repeaterModel: modelData.inProgress
                        }
-                        Repeater {
-                            property var provider: modelData
-                            id: inProgressRepeater
-                            model: modelData.inProgress
-                            Column {
-                                id: showColumn
-                                property var show: inProgressRepeater.provider.getShow(modelData)
-                                Image {
-                                    height: 300
-                                    width: 300 * 0.68
-                                    source: showColumn.show.poster
-                                    mipmap: true
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                                Item {width: 1; height: 15}
-                                Text {
-                                    text: showColumn.show.title
-                                    color: "white"
-                                    font.pointSize: 15
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                                Item {width: 1; height: 5}
-                                Text {
-                                    text: showColumn.show.year
-                                    color: "white"
-                                    font.pointSize: 15
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                }
-                            }
+                        ContentViewElement {
+                            title: "Recently Added"
+                            provider: modelData
+                            repeaterModel: modelData.recentlyAdded
                        }
                    }
                }