feat(@desktop/general): copy button identified, will be mostly used as a built in component

This commit is contained in:
Sale Djenic 2023-03-30 14:51:14 +02:00 committed by saledjenic
parent d8b1e47984
commit 0ef3096756
2 changed files with 39 additions and 0 deletions

View File

@ -0,0 +1,38 @@
import QtQuick 2.15
import QtQuick.Controls 2.15
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import utils 1.0
import shared.stores 1.0
StatusIcon {
id: root
required property string textToCopy
icon: "copy"
color: mouseArea.containsMouse? Theme.palette.primaryColor1 : Theme.palette.baseColor1
function reset() {
root.icon = "copy"
root.color = Qt.binding(function(){ return mouseArea.containsMouse? Theme.palette.primaryColor1 : Theme.palette.baseColor1 })
}
MouseArea {
id: mouseArea
anchors.fill: parent
hoverEnabled: true
cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
onClicked: {
RootStore.copyToClipboard(root.textToCopy)
root.icon = "tiny/checkmark"
root.color = Theme.palette.successColor1
Backpressure.debounce(root, 1500, function () {
root.reset()
})()
}
}
}

View File

@ -37,3 +37,4 @@ StatusSyncCodeInput 1.0 StatusSyncCodeInput.qml
GetSyncCodeMobileInstructions 1.0 GetSyncCodeMobileInstructions.qml
GetSyncCodeDesktopInstructions 1.0 GetSyncCodeDesktopInstructions.qml
ErrorDetails 1.0 ErrorDetails.qml
CopyButton 1.0 CopyButton.qml