mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 22:06:25 +00:00
5eabcd2725
Related to: #586. Adds a loading state to stickers, so that a loading indicator appears while the sticker is being downloaded from IPFS. In the case of a network failure or timetout, a reload button is shown instead. Once network is restored and the reload button is clicked, the image is reloaded from the network, going through the same lifecycle of showing the loading state first.
34 lines
717 B
QML
34 lines
717 B
QML
import QtQuick 2.12
|
|
import QtGraphicalEffects 1.0
|
|
|
|
Rectangle {
|
|
id: root
|
|
signal clicked
|
|
property alias source: imgStickerPackThumb.source
|
|
|
|
radius: width / 2
|
|
|
|
width: 24
|
|
height: 24
|
|
|
|
// apply rounded corners mask
|
|
layer.enabled: true
|
|
layer.effect: OpacityMask {
|
|
maskSource: Rectangle {
|
|
x: root.x; y: root.y
|
|
width: root.width
|
|
height: root.height
|
|
radius: root.radius
|
|
}
|
|
}
|
|
|
|
ImageLoader {
|
|
id: imgStickerPackThumb
|
|
opacity: 1
|
|
smooth: false
|
|
radius: root.radius
|
|
anchors.fill: parent
|
|
source: "https://ipfs.infura.io/ipfs/" + thumbnail
|
|
onClicked: root.clicked()
|
|
}
|
|
} |