nearby/sharing/linux/qml_tray_app/components/DeviceCard.qml

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Rectangle {
    required property string modelData

    Layout.fillWidth: true
    height: 76
    radius: 24
    color: "#dcfce7"
    border.color: "#bbf7d0"

    readonly property color surface: "#ffffff"
    readonly property color textPrimary: "#111827"
    readonly property color textMuted: "#6b7280"

    function endpointLabel(endpointId) {
        var label = fileShareController.peerNameForEndpoint(endpointId)
        if (!label || label.length === 0 || label === "Unknown device") return "Unknown device"
        return label
    }

    RowLayout {
        anchors.fill: parent
        anchors.leftMargin: 16
        anchors.rightMargin: 16
        spacing: 12

        Rectangle {
            width: 48; height: 48; radius: 24
            color: surface

            Label {
                anchors.centerIn: parent
                text: endpointLabel(modelData).charAt(0).toUpperCase()
                font.pixelSize: 18
                font.weight: Font.Medium
                color: textPrimary
            }
        }

        ColumnLayout {
            Layout.fillWidth: true
            spacing: 2

            Label {
                Layout.fillWidth: true
                text: endpointLabel(modelData)
                font.weight: Font.Medium
                elide: Text.ElideRight
                color: textPrimary
            }

            Label {
                Layout.fillWidth: true
                text: modelData
                font.pixelSize: 11
                color: textMuted
                elide: Text.ElideRight
            }
        }

        Rectangle {
            height: 36
            width: sendBtnLbl.implicitWidth + 24
            radius: 10
            color: surface
            border.color: "#d1d5db"
            opacity: (fileShareController.mode === "Send"
                      && fileShareController.pendingSendFilePath.length > 0) ? 1.0 : 0.45

            Label {
                id: sendBtnLbl
                anchors.centerIn: parent
                text: "Send"
                font.weight: Font.Medium
                color: textPrimary
            }

            MouseArea {
                anchors.fill: parent
                cursorShape: Qt.PointingHandCursor
                enabled: fileShareController.mode === "Send"
                         && fileShareController.pendingSendFilePath.length > 0
                onClicked: fileShareController.sendPendingFileToEndpoint(modelData)
            }
        }
    }
}