import QtQuick 2.13 import "../../imports" import "../../shared" Rectangle { id: root property string chatId property string chatName property int letterSize: root.isCompact ? 15 : 21 width: 40 height: 40 radius: width / 2 color: { const color = chatsModel.getChannelColor(chatId) if (!color) { return Style.current.orange } return color } StyledText { text: (root.chatName.charAt(0) == "#" ? root.chatName.charAt(1) : root.chatName.charAt(0)).toUpperCase() opacity: 0.7 font.weight: Font.Bold font.pixelSize: root.letterSize color: "white" anchors.horizontalCenter: parent.horizontalCenter anchors.verticalCenter: parent.verticalCenter anchors.leftMargin: -1 anchors.bottomMargin: -2 } }