import QtQuick 2.0
import GSettings 1.0

MainView {
    id: root

    width: units.gu(100)
    height: units.gu(75)

    Timer {
        id: testTimer
        interval: 1 // This does delete the old component!
//        interval: 0  // This does NOT delete the old component
        running: false
        repeat: false
        onTriggered: {
            root.usageMode = usageModeSettings.usageMode
        }
    }

    GSettings {
        id: usageModeSettings
        schema.id: "com.canonical.Unity8"
    }
    Connections {
        target: usageModeSettings
        onUsageModeChanged: {
//            root.usageMode = usageModeSettings.usageMode // This does NOT delete the old component
            testTimer.start()
        }
    }

    property string usageMode: "Windowed"
    Loader {
        anchors.fill: parent
//        sourceComponent: usageModeSettings.usageMode === "Windowed" ? comp1 : comp2 // This does NOT delete the old component
        sourceComponent: root.usageMode === "Windowed" ? comp1 : comp2
    }

    Component {
        id: comp1
        Rectangle {
            color: "red"
            Component.onCompleted: print("red created")
            Component.onDestruction: print("red destructing")
        }
    }

    Component {
        id: comp2
        Rectangle {
            color: "blue"
            Component.onCompleted: print("blue created")
            Component.onDestruction: print("blue destructing")
        }
    }
}