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

Migrate Query Source to React: resizable areas (v2) #4503

Conversation

kravets-levko
Copy link
Collaborator

@kravets-levko kravets-levko commented Dec 28, 2019

What type of PR is this? (check all applicable)

  • Refactor

Description

  • Resizable areas
  • Collapse/expand
    • Animation
  • Collapse/expand using shortcuts

Replaces #4501

Related Tickets & Documents

#4429

@kravets-levko kravets-levko added Frontend Frontend: React Frontend codebase migration to React labels Dec 28, 2019
@kravets-levko kravets-levko self-assigned this Dec 28, 2019
@kravets-levko kravets-levko force-pushed the migrate-query-source-to-react--resizable-areas-2 branch from 65f1e44 to e03f064 Compare December 28, 2019 21:04
@kravets-levko kravets-levko marked this pull request as ready for review December 28, 2019 21:26
@kravets-levko kravets-levko force-pushed the migrate-query-source-to-react--resizable-areas-2 branch from 31a9535 to 52db34d Compare December 28, 2019 21:54
Copy link
Member

@gabrieldutra gabrieldutra left a comment

Choose a reason for hiding this comment

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

Looks like the first resize is considering the panes as closed:

initial-resize

@kravets-levko
Copy link
Collaborator Author

🤔 very interesting, I'll check ASAP

@gabrieldutra
Copy link
Member

The resize areas are now working smoothly for both mobile and desktop 🚀. One small thing missing -> The scrollbox for the results in desktop version:
image

@kravets-levko kravets-levko merged commit 6d98d84 into migrate-query-source-view-to-react Dec 29, 2019
@kravets-levko kravets-levko deleted the migrate-query-source-to-react--resizable-areas-2 branch December 29, 2019 17:45
kravets-levko added a commit that referenced this pull request Jan 6, 2020
* Migrate Query Source View page to React: skeleton

* Sync QueryView and QuerySource (#4430)

* Migrate schema browser to react (#4432)

* Restyle code with Prettier

* Migrate Query page to React: Save changes (#4452)

* Migrate query source to React: Set of updates (#4457)

* Migrate Query page to React: Visualization Tabs (#4453)

Co-Authored-By: Levko Kravets <[email protected]>

* Migrate Query Source page to React: Visualizations area (#4463)

* Migrate Query page to React: Delete visualization button (#4461)

* Migrate Query Source page to React: Visualization actions (#4467)

* Migrate Query pages to React: Execute query hook (#4470)

* Migrate Query Source page to React: Editor area (#4468)

* Migrate Query Source page to React: metadata, schedule and description blocks (#4476)

* Migrate Query page to React: Cancel query execution (#4496)

* Migrate Query Source page to React: refine code (#4499)

* Migrate Query Source page to React: alerts (#4504)

* Migrate Query Source page to React: unsaved changes alert (#4505)

* Migrate Query Source to React: resizable areas (v2) (#4503)

* Migrate Query page to React: Query View (#4455)

Co-authored-by: Levko Kravets <[email protected]>

* Switch React and Angular versions of pages (until Angular version removed)

* Migrate Query pages to React: fix permissions (#4506)

* Migrate Query Source page to React: don't reload when saving new query (#4507)

* Migrate Query pages to React: fix tests (#4509)

* Use skipParametersDirtyFlag in executeQuery

* Fix: cannot fork query from Query View page

* Optimize query editor: handle query text changes faster

* Revert "Optimize query editor: handle query text changes faster"

This reverts commit 2934e53.

* Reduce debounced time to 100

* Migrate Query pages to React: cleanup (#4512)

* Migrate Query pages to React: cleanup

* Further cleanup

* Remove unused dependencies

* Fix embed pages

* Attempt to fix flaky test

* Cleanup: explicitly register the last Angular component

* Move contents of /filters folder to /lib

* Remove unnecessary import

* Remove cy.wait from Parameters spec

Co-authored-by: Gabriel Dutra <[email protected]>

Co-authored-by: Levko Kravets <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend: React Frontend codebase migration to React Frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants