Index: sources/gui/qml/dialogs/diagnostics/DiagnosticsSwipe.qml
===================================================================
diff -u -rb80f8f84f21f86ad4c962a2c690447c572498e0b -r89be2d248cac3f748b704cd62408cf8911991039
--- sources/gui/qml/dialogs/diagnostics/DiagnosticsSwipe.qml	(.../DiagnosticsSwipe.qml)	(revision b80f8f84f21f86ad4c962a2c690447c572498e0b)
+++ sources/gui/qml/dialogs/diagnostics/DiagnosticsSwipe.qml	(.../DiagnosticsSwipe.qml)	(revision 89be2d248cac3f748b704cd62408cf8911991039)
@@ -20,41 +20,49 @@
 //  Qml imports
 import "qrc:/globals"
 import "qrc:/components"
-import "qrc:/dialogs"
-import "qrc:/pages/pretreatment/connection"
 /*!
  * \brief   the pre treatment prime stack screen
  */
 Item { id: _root
-
     SwipeView { id: view
         currentIndex: 0
         anchors.fill: parent
 
-        DiagnosticsTD { id: tdPage }
-        DiagnosticsDD { id: ddPage }
-        DiagnosticsFP { id: fpPage }
+        DiagnosticsTD { id: _tdPage }
+        DiagnosticsDD { id: _ddPage }
+        DiagnosticsFP { id: _fpPage }
+
+        onCurrentIndexChanged: _menu.index = currentIndex
     }
 
-    PageIndicator { id: indicator
-        objectName: "_DiagnosticsSwipeIndicator"
-        count: view.count
-        currentIndex: view.currentIndex
+    MainMenu { id: _menu
+        anchors {
+            top             : parent.top
+            left            : parent.left
+            leftMargin      : Variables.defaultMargin * 4
+            right           : parent.right
+            rightMargin     : Variables.defaultMargin * 4
+        }
 
-        anchors.horizontalCenter: parent.horizontalCenter
-        anchors.bottom: view.bottom
-        anchors.bottomMargin: 10
+        width               : _root.width
+        height              : 60
+        isDiagnostics       : true
+        index               : view.currentIndex
+        color               : Colors.transparent
+        titlePixelSize      : 28
 
-        spacing: 10
-        delegate: Rectangle {
-            implicitWidth: 15
-            implicitHeight: 15
-            radius: width // Make it circular
-            color: "white"
-            opacity: index === view.currentIndex ? 1 : pressed ? 0.7 : 0.25
-            Behavior on opacity {
-                OpacityAnimator { duration: 100 } // Animate opacity changes
+        onItemPressed: function (vIndex) {
+            view.currentIndex = vIndex
+        }
+
+        Line {
+            anchors {
+                bottom  : parent.bottom
+                right   : parent.right
+                left    : parent.left
             }
+
+            color   : Colors.panelBorderColor
         }
     }
 }