Merge pull request #64 from gabrieldcc/main

Implementar ActivityDetailsView

Author: ccezar

solutions/devsprint-caio-santos-7/FinanceApp/Screens/ActivityDetails/ActivityDetailsView.swift

@@ -7,6 +7,144 @@
 
 import UIKit
 
-class ActivityDetailsView: UIView {
+final class ActivityDetailsView: UIView {
+    
+    // MARK: Init
+    init() {
+        super.init(frame: .zero)
+        self.backgroundColor = .white
+        setupView()
+    }
+    
+    required init?(coder: NSCoder) {
+        return nil
+    }
+    
+    // MARK: Interface Elements
+    private lazy var vStack: UIStackView = {
+        let stack = UIStackView()
+        stack.translatesAutoresizingMaskIntoConstraints = false
+        stack.alignment = .center
+        stack.spacing = 10
+        stack.axis = .vertical
+        
+        return stack
+    }()
+    
+    private lazy var vCenterStack: UIStackView = {
+        let stack = UIStackView()
+        stack.translatesAutoresizingMaskIntoConstraints = false
+        stack.alignment = .center
+        stack.spacing = 10
+        stack.axis = .vertical
+        
+        return stack
+    }()
+    
+    private lazy var bagImage: UIImageView = {
+        let image = UIImageView()
+        image.translatesAutoresizingMaskIntoConstraints = false
+        image.image = UIImage(named: "bag.circle.fill")
+        image.contentMode = .scaleAspectFill
+        image.tintColor = UIColor(red: 190/255, green: 81/255, blue: 255/255, alpha: 1)
+        return image
+    }()
+    
+    private lazy var mallLabel: UILabel = {
+        let label = UILabel()
+        label.translatesAutoresizingMaskIntoConstraints = false
+        label.text = "Mall"
+        label.font = UIFont.boldSystemFont(ofSize: 20)
+        label.textColor = .black
+        return label
+    }()
+    
+    private lazy var shoppingLabel: UILabel = {
+        let label = UILabel()
+        label.translatesAutoresizingMaskIntoConstraints = false
+        label.text = "Shopping"
+        label.font = UIFont.systemFont(ofSize: 20)
+        label.textColor = .gray
+        return label
+    }()
+    
+    private lazy var valueLabel: UILabel = {
+        let label = UILabel()
+        label.translatesAutoresizingMaskIntoConstraints = false
+        label.text = "$100.00"
+        label.font = UIFont.boldSystemFont(ofSize: 50)
+        label.textColor = .black
+        return label
+    }()
+    
+    private lazy var hourLabel: UILabel = {
+        let label = UILabel()
+        label.translatesAutoresizingMaskIntoConstraints = false
+        label.text = "8:57 AM"
+        label.font = UIFont.systemFont(ofSize: 20)
+        label.textColor = .gray
+        return label
+    }()
+    
+    private lazy var reportIssueButton: UIButton = {
+        let button = UIButton(type: .system)
+        button.translatesAutoresizingMaskIntoConstraints = false
+        button.setTitle("Report issue", for: .normal)
+        button.titleLabel?.font = UIFont.systemFont(ofSize: 25)
+        button.setTitleColor(UIColor.white , for: .normal)
+        button.clipsToBounds = true
+        button.layer.cornerRadius = 10
+        button.addTarget(self, action: #selector(self.tappedButton(sender:)), for: .touchUpInside)
+        button.backgroundColor = UIColor(red: 0/255, green: 122/255, blue: 255/255, alpha: 1)
+        return button
+    }()
+    
+    //MARK: Functions
+    @objc func tappedButton(sender: UIButton) {
+        print("action disparada")
+    }
+}
+
+extension ActivityDetailsView: ViewCodable {
 
+    func buildHierarchy() {
+        addSubview(vStack)
+        addSubview(vCenterStack)
+        addSubview(reportIssueButton)
+        vStack.addArrangedSubview(bagImage)
+        vStack.addArrangedSubview(mallLabel)
+        vStack.addArrangedSubview(shoppingLabel)
+        vCenterStack.addArrangedSubview(valueLabel)
+        vCenterStack.addArrangedSubview(hourLabel)
+    }
+    
+    // MARK: Interface Constraints
+    func setupConstraints() {
+        
+        let bagImageSize: CGFloat = 150
+        
+        NSLayoutConstraint.activate([
+            vStack.topAnchor.constraint(equalTo: topAnchor, constant: 48),
+            vStack.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 4),
+            vStack.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -4),
+            
+            //Inside vStack
+            bagImage.widthAnchor.constraint(equalToConstant: bagImageSize),
+            bagImage.heightAnchor.constraint(equalToConstant: bagImageSize),
+        ])
+        
+        NSLayoutConstraint.activate([
+            vCenterStack.centerXAnchor.constraint(equalTo: centerXAnchor),
+            vCenterStack.centerYAnchor.constraint(equalTo: centerYAnchor),
+        ])
+        
+        NSLayoutConstraint.activate([
+            reportIssueButton.heightAnchor.constraint(equalToConstant: 44),
+            reportIssueButton.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16),
+            reportIssueButton.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 16),
+            reportIssueButton.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -32),
+        ])
+    }
+    
+    
 }

solutions/devsprint-caio-santos-7/FinanceApp/Screens/ActivityDetails/ActivityDetailsViewController.swift

@@ -7,9 +7,10 @@
 
 import UIKit
 
-class ActivityDetailsViewController: UIViewController {
-
-    override func loadView() {
-        self.view = ActivityDetailsView()
-    }
+final class ActivityDetailsViewController: UIViewController {
+    let container = ActivityDetailsView()
+    
+        override func loadView() {
+            self.view = container
+        }
 }

solutions/devsprint-caio-santos-7/FinanceAppTests/Screens/ActivityDetails/ActivityDetailsViewTests.swift

@@ -0,0 +1,27 @@
+//
+//  ActivityDetailsViewTests.swift
+//  FinanceAppTests
+//
+//  Created by Gabriel de Castro Chaves on 13/10/22.
+//
+
+@testable import FinanceApp
+import SnapshotTesting
+import XCTest
+
+final class ActivityDetailsViewTests: XCTestCase {
+    
+    override class func setUp() {
+//        SnapshotTesting.isRecording = true
+    }
+    
+    func testLoadingComponent() {
+        let component = ActivityDetailsViewController()
+        assertSnapshot(matching: component, as: .image(on: .iPhoneX))
+    }
+    
+    func testRenderView() {
+        let component = ActivityDetailsViewController()
+        assertSnapshot(matching: component, as: .image(on: .iPhoneX))
+    }
+}