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

DataGrid full-screen mode #2453

Merged
merged 6 commits into from
Oct 27, 2022
Merged

DataGrid full-screen mode #2453

merged 6 commits into from
Oct 27, 2022

Conversation

andrzejewsky
Copy link
Member

closes: #2412

Screenshots

Pull Request Checklist

  1. This code contains UI changes
  2. All visible strings are translated with proper context including data-formatting
  3. Attributes [data-test-id] are added for new elements
  4. Changes are mentioned in the changelog
  5. The changes are tested in different browsers and in light/dark mode

Test environment config

API_URI=https://automation-dashboard.staging.saleor.cloud/graphql/
MARKETPLACE_URL=https://apps.saleor.io
SALEOR_APPS_ENDPOINT=https://apps.saleor.io/api/saleor-apps

Do you want to run more stable tests?

To run all tests, just select the stable checkbox. To speed up tests, increase the number of containers. Tests will be re-run only when the "run e2e" label is added.

  1. stable
  2. giftCard
  3. category
  4. collection
  5. attribute
  6. productType
  7. shipping
  8. customer
  9. permissions
  10. menuNavigation
  11. pages
  12. sales
  13. vouchers
  14. homePage
  15. login
  16. orders
  17. products
  18. app
  19. plugins
  20. translations
  21. navigation
  22. variants

CONTAINERS=1

@andrzejewsky andrzejewsky requested review from a team, krzysztofzuraw and Droniu and removed request for a team October 24, 2022 14:15
@github-actions github-actions bot temporarily deployed to 2412-full-screen-data-grid October 24, 2022 14:15 Inactive
@github-actions github-actions bot temporarily deployed to storybook 2412-full-screen-data-grid October 24, 2022 14:15 Inactive
className?: string;
}

const Portal = ({ className, children, open }) => {
Copy link
Member Author

Choose a reason for hiding this comment

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

this file implements actually a modal with mounting/unmounting, will leave a comment here to make it more generic so we can apply it across all of our modals

Droniu
Droniu previously approved these changes Oct 26, 2022
src/components/Datagrid/Header.tsx Outdated Show resolved Hide resolved
src/components/Datagrid/usePortal.ts Outdated Show resolved Hide resolved
@github-actions github-actions bot temporarily deployed to 2412-full-screen-data-grid October 26, 2022 13:42 Inactive
@github-actions github-actions bot temporarily deployed to storybook 2412-full-screen-data-grid October 26, 2022 13:42 Inactive
krzysztofzuraw
krzysztofzuraw previously approved these changes Oct 26, 2022
@github-actions github-actions bot temporarily deployed to 2412-full-screen-data-grid October 27, 2022 14:34 Inactive
@github-actions github-actions bot temporarily deployed to storybook 2412-full-screen-data-grid October 27, 2022 14:34 Inactive
Droniu
Droniu previously approved these changes Oct 27, 2022
@andrzejewsky andrzejewsky merged commit c009f07 into main Oct 27, 2022
@andrzejewsky andrzejewsky deleted the 2412-full-screen-data-grid branch October 27, 2022 15:26
Droniu pushed a commit that referenced this pull request Nov 3, 2022
* full screen mode

* add product title, review

* update snapshots

* Update messages
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.

full-screen mode for data grid
4 participants