Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: updated order details totals section styling #988

Conversation

AlexanderDevitsky
Copy link
Contributor

@AlexanderDevitsky AlexanderDevitsky commented May 12, 2022

Description

Updated styles for order details section

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

Copy link
Collaborator

@bartoszherba bartoszherba left a comment

Choose a reason for hiding this comment

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

Build fails at your branch after css changes. Something is wrong with parsing new styles. Please, verify that build pass yarn build. You can check issue details in PR build checks.

  • One small comment to remove field from the request.

@@ -6,8 +6,10 @@ export default gql`
orders(currentPage: $currentPage, filter: $filter, pageSize: $pageSize) {
items {
order_number
number
id
created_at
Copy link
Collaborator

Choose a reason for hiding this comment

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

You can remove created_at

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@bartoszherba I caught the style error and fixed it. I also noticed that the new SingleOrder.vue component was created and already made all the new changes to this component.

@AlexanderDevitsky AlexanderDevitsky force-pushed the feat/m2-508-update-order-details-totals-section-styling branch from f6ca603 to 1bb118c Compare May 13, 2022 10:30
@@ -43,7 +43,7 @@
v-for="order in orders"
:key="order.order_number"
>
<SfTableData>{{ order.order_number }}</SfTableData>
<SfTableData>{{ orderGetters.getId(order) }}</SfTableData>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Please, revert that. We are trying to get rid of getters whenever it is possible to reduce the bundle size, especially if getter does not introduce any intermediate logic but is a pure object prop accessor like in this case.

@@ -52,7 +52,7 @@
<SfTableData class="orders__view orders__element--right">
<SfLink
data-cy="order-history-btn_view"
:link="localeRoute({ name: 'customer-single-order', params: { orderId: order.order_number } })"
:link="localeRoute({ name: 'customer-single-order', params: { orderId: orderGetters.getId(order) } })"
Copy link
Collaborator

Choose a reason for hiding this comment

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

Same here, as in comment above.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@bartoszherba Thank you for the info. Reverted these changes to the previous state

Copy link
Collaborator

@bartoszherba bartoszherba left a comment

Choose a reason for hiding this comment

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

Last changes.

@bartoszherba bartoszherba merged commit 057c125 into vuestorefront:develop May 13, 2022
sethidden added a commit that referenced this pull request May 13, 2022
This was re-added because of getters in #988
but was later removed during code review. I'll update the getters aswell
so nobody is confused
@Frodigo Frodigo added this to the 1.0.0-rc.8 milestone May 23, 2022
@Frodigo Frodigo changed the title feat: updated order details totals section styling fix: updated order details totals section styling May 25, 2022
@Frodigo Frodigo changed the title fix: updated order details totals section styling refactor: updated order details totals section styling May 25, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants