Skip to content

Conversation

@Ecarrion
Copy link
Contributor

@Ecarrion Ecarrion commented Nov 24, 2022

part of #8198

Why

This PR adds the UI for the first half of the product card. The next half, the product list, will be added in #8199 .

This PR links the UI using some fake data on the main hub view model.

How

  • Moves DeltaTag to its own type so it can be reused.
  • Adds AnalyticsProductCard which contains the product card UI.
  • Adds AnalyticsProductCardViewModel to allow for easier data transportation.
  • Integrates the card on the main view.

Screenshot

Screen Shot 2022-11-24 at 4 59 11 PM

# Test Steps

  • Launch the app
  • Tap on the "See More" CTA on the product dashboard
  • See the product card(the first half).

  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

@Ecarrion Ecarrion added the category: tracks Related to analytics, including Tracks Events. label Nov 24, 2022
@Ecarrion Ecarrion added this to the 11.4 milestone Nov 24, 2022
@peril-woocommerce
Copy link

Warnings
⚠️ This PR is assigned to a milestone which is closing in less than 2 days Please, make sure to get it merged by then or assign it to a later expiring milestone

Generated by 🚫 dangerJS

@Ecarrion Ecarrion linked an issue Nov 24, 2022 that may be closed by this pull request
@Ecarrion Ecarrion force-pushed the issue/8198-products-card-ui branch from 175f77b to 26d8897 Compare November 24, 2022 22:52
@wpmobilebot
Copy link
Collaborator

wpmobilebot commented Nov 24, 2022

You can test the changes from this Pull Request by:
  • Clicking here or scanning the QR code below to access App Center
  • Then installing the build number pr8215-f052ed0 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

@rachelmcr rachelmcr self-assigned this Nov 25, 2022
Copy link
Contributor

@rachelmcr rachelmcr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have a small concern about the inconsistent card styles, but since this matches the design I don't think it's a blocker. :shipit:

.footnoteStyle()

Text(Localization.itemsSold)
.headlineStyle()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see this matches the Figma designs, but I think it makes more sense to use .calloutStyle() here to match the other cards. Otherwise this card has a strangely different style. What do you think?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I Initially tried it with calloutStyle() and it also looked off. I think once we have the product list will look better!

@rachelmcr rachelmcr removed their assignment Nov 25, 2022
@Ecarrion Ecarrion force-pushed the issue/8198-products-card-ui branch from 26d8897 to f052ed0 Compare November 25, 2022 14:14
@Ecarrion Ecarrion enabled auto-merge November 25, 2022 15:00
@Ecarrion Ecarrion merged commit d8d49ac into trunk Nov 25, 2022
@Ecarrion Ecarrion deleted the issue/8198-products-card-ui branch November 25, 2022 15:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

category: tracks Related to analytics, including Tracks Events.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Analytics Hub] Configure Products Analytics card

4 participants