my-files-sample/Modules/Sources/Browse/UI/Components/DocumentItem.swift

//
//  DocumentItem.swift
//  Browse
//
//  Created by Javier Cicchelli on 03/12/2022.
//  Copyright © 2022 Röck+Cöde. All rights reserved.
//

import SwiftUI

struct DocumentItem: View {
    
    // MARK: Properties
    
    let item: FileSystemItem
    let download: ItemIdClosure
    let delete: ItemIdClosure

    // MARK: Body
    
    var body: some View {
        HStack(spacing: 16) {
            Image.document
                .icon(size: 32)
                .foregroundColor(.red)
            
            VStack(spacing: 8) {
                Text(item.name)
                    .itemName()
                
                HStack {
                    Text("lastModified")
                    
                    Spacer()
                    
                    Text("fileSize")
                }
                .font(.subheadline)
                .foregroundColor(.secondary)
            }
        }
        .padding(.vertical, 4)
        .swipeActions(
            edge: .trailing,
            allowsFullSwipe: true
        ) {
            Button {
                delete(item.id)
            } label: {
                Label {
                    Text(
                        "browse.swipe_action.delete_item.text",
                        bundle: .module
                    )
                } icon: {
                    Image.trash
                }
            }
            .tint(.red)

            Button {
                download(item.id)
            } label: {
                Label {
                    Text(
                        "browse.swipe_action.download_item.text",
                        bundle: .module
                    )
                } icon: {
                    Image.download
                }
            }
            .tint(.orange)
        }
    }

}

// MARK: - Helpers

private extension DocumentItem {
    var document: Document? { item as? Document }
}

// MARK: - Image+Constants

private extension Image {
    static let document = Image(systemName: "doc.fill")
}

// MARK: - Previews

struct DocumentItem_Previews: PreviewProvider {
    static var previews: some View {
        DocumentItem(item: Document(
            id: "1234567890",
            name: "Some document name goes in here...",
            contentType: "some content type",
            size: .random(in: 1 ... 100),
            lastModifiedAt: .now
        )) { _ in
            // download closure with item id.
        } delete: { _ in
            // delete closure with item id.
        }
        .previewDisplayName("Document item")
        
        DocumentItem(item: Document(
            id: "1234567890",
            name: "Some very, extremely long document name goes in here...",
            contentType: "some content type",
            size: .random(in: 1 ... 100),
            lastModifiedAt: .now
        )) { _ in
            // download closure with item id.
        } delete: { _ in
            // delete closure with item id.
        }
        .previewDisplayName("Document item with long name")
    }
}