Skip to content

[Customer Center] Improve subscription details view#4152

Merged
codykerns merged 5 commits into
integration/customer_support_workflowfrom
cody/customer_center_subscription_details
Aug 8, 2024
Merged

[Customer Center] Improve subscription details view#4152
codykerns merged 5 commits into
integration/customer_support_workflowfrom
cody/customer_center_subscription_details

Conversation

@codykerns

Copy link
Copy Markdown
Member

The subscription details view could take advantage of more available space

  • expands details view
  • increases font sizes
  • wraps in a scrollview for smaller screen sizes
  • softens shadow
  • have buttons fill available space, limit width via container views
New Old
New Version Old Version

@codykerns codykerns requested review from a team and vegaro August 7, 2024 17:25
@codykerns codykerns marked this pull request as ready for review August 7, 2024 18:06
.shadow(color: Color.black.opacity(0.2), radius: 4)

}
.padding(24.0)

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

this is entirely subjective, although the corner radius and shadow details below were as well - not sure if we need to pull this out of here

@aboedo aboedo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

😻


Button(action: { configuration.trigger() }, label: {
configuration.label.frame(width: 300)
configuration.label.frame(maxWidth: .infinity)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

👍

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I was struggling with this, as a full width card didn't look good with the text size I had. Looks much better with the larger text! 🙌

add additional padding for subscription details shadow

@tonidero tonidero left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks great!

@JayShortway JayShortway left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Nice upgrade!


Button(action: { configuration.trigger() }, label: {
configuration.label.frame(width: 300)
configuration.label.frame(maxWidth: .infinity)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I was struggling with this, as a full width card didn't look good with the text size I had. Looks much better with the larger text! 🙌

Comment on lines +380 to +386
SubscriptionDetailsView(
subscriptionInformation: CustomerCenterConfigTestData.subscriptionInformationMonthlyRenewing,
localization: CustomerCenterConfigTestData.customerCenterData.localization,
refundRequestStatusMessage: "Success"
)
.previewDisplayName("Subscription Details - Monthly")
.padding()

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Nice to have a separate preview!

@codykerns codykerns merged commit e1b0cf4 into integration/customer_support_workflow Aug 8, 2024
@codykerns codykerns deleted the cody/customer_center_subscription_details branch August 8, 2024 15:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants