feat(ui/modules/Linphone/Timeline): use `Connections` component

linphone-desktop/ui/modules/Linphone/Timeline.qml

@@ -45,15 +45,13 @@ ColumnLayout {
 
   spacing: 0
 
-  Rectangle {
-    anchors.fill: parent
-    color: TimelineStyle.color
-  }
+  // ---------------------------------------------------------------------------
+
+  Connections {
+    target: model
 
-  SmartConnect {
-    Component.onCompleted: {
     // Handle if current entry was moved in timeline.
-      this.connect(model, 'dataChanged', function () {
+    onDataChanged: {
       var index = view.currentIndex
       if (
         index !== -1 &&
@@ -61,18 +59,18 @@ ColumnLayout {
       ) {
         setSelectedEntry(_selectedSipAddress)
       }
-      })
+    }
 
     // A timeline entry is removed from timeline if there is no history entry.
-      this.connect(model, 'rowsAboutToBeRemoved', function (_, first, last) {
+    onRowsAboutToBeRemoved: {
       var index = view.currentIndex
       if (index >= first && index <= last) {
         view.currentIndex = -1
       }
-      })
+    }
 
     // A entry is added when history is created.
-      this.connect(model, 'rowsInserted', function (_, first, last) {
+    onRowsInserted: {
       if (_selectedSipAddress.length === 0) {
         return
       }
@@ -82,10 +80,16 @@ ColumnLayout {
           view.currentIndex = i
         }
       }
-      })
     }
   }
 
+  // ---------------------------------------------------------------------------
+
+  Rectangle {
+    anchors.fill: parent
+    color: TimelineStyle.color
+  }
+
   // ---------------------------------------------------------------------------
   // Legend.
   // ---------------------------------------------------------------------------