Update placeholder image to a Text with adjustable font size to match design.

jaclync · jaclync · commit 872932683824 · 2025-02-11T09:16:54.000+08:00
diff --git a/WooCommerce/Classes/POS/Presentation/Reusable Views/POSItemImageView.swift b/WooCommerce/Classes/POS/Presentation/Reusable Views/POSItemImageView.swift
@@ -17,9 +17,8 @@ struct POSItemImageView: View {
             Rectangle()
                 .foregroundColor(Constants.placeholderBackgroundColor)
                 .overlay {
-                    Image(systemName: "archivebox")
-                        .resizable()
-                        .frame(width: Constants.placeholderIconDimension, height: Constants.placeholderIconDimension)
+                    Text(Image(systemName: "archivebox"))
+                        .font(.posButtonSymbol)
                         .foregroundColor(Constants.placeholderIconColor)
                 }
         }

Original file line number	Diff line number	Diff line change
`@@ -17,9 +17,8 @@ struct POSItemImageView: View {`
`17`	`17`	`Rectangle()`
`18`	`18`	`.foregroundColor(Constants.placeholderBackgroundColor)`
`19`	`19`	`.overlay {`
`20`		`- Image(systemName: "archivebox")`
`21`		`- .resizable()`
`22`		`- .frame(width: Constants.placeholderIconDimension, height: Constants.placeholderIconDimension)`
	`20`	`+ Text(Image(systemName: "archivebox"))`
	`21`	`+ .font(.posButtonSymbol)`
`23`	`22`	`.foregroundColor(Constants.placeholderIconColor)`
`24`	`23`	`}`
`25`	`24`	`}`