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

feat: move keyboard shortcut hints to tooltips #12100

Merged

Conversation

eschutho
Copy link
Member

@eschutho eschutho commented Dec 17, 2020

SUMMARY

Updated Keyboard Shortcuts Interface

Remove existing keyboard shortcuts button
Hover tooltips should show up on the following:

  • New tab button
  • Run query
  • Stop running

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:
Screenshot_12_16_20__5_18_PM

After:
_DEV__Superset
_DEV__Superset

TEST PLAN

Jest tests

ADDITIONAL INFORMATION

  • Has associated issue:
  • Changes UI
  • Requires DB Migration.
  • Confirm DB Migration upgrade and downgrade tested.
  • Introduces new feature or API
  • Removes existing feature or API

@eschutho eschutho marked this pull request as draft December 17, 2020 17:36
@eschutho eschutho changed the title move keyboard shortcut hints to tooltips feat: move keyboard shortcut hints to tooltips Dec 17, 2020
@eschutho eschutho force-pushed the elizabeth/sqllab-keyboard-shortcuts branch from e2dbaae to 15be611 Compare December 18, 2020 04:15
@codecov-io
Copy link

codecov-io commented Dec 18, 2020

Codecov Report

Merging #12100 (15be611) into feat-sql-toolbar (fb4c447) will decrease coverage by 3.80%.
The diff coverage is 100.00%.

Impacted file tree graph

@@                 Coverage Diff                  @@
##           feat-sql-toolbar   #12100      +/-   ##
====================================================
- Coverage             67.32%   63.51%   -3.81%     
====================================================
  Files                   963      963              
  Lines                 47390    47381       -9     
  Branches               4620     4620              
====================================================
- Hits                  31903    30092    -1811     
- Misses                15374    17104    +1730     
- Partials                113      185      +72     
Flag Coverage Δ
cypress ?
javascript 62.63% <100.00%> (-0.06%) ⬇️
python 64.03% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
...end/src/SqlLab/components/RunQueryActionButton.tsx 68.18% <ø> (ø)
...rontend/src/SqlLab/components/TabbedSqlEditors.jsx 72.78% <ø> (-8.87%) ⬇️
...erset-frontend/src/SqlLab/components/SqlEditor.jsx 51.33% <100.00%> (-1.39%) ⬇️
superset-frontend/src/SqlLab/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/explore/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/dashboard/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/setup/setupColors.js 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/chart/ChartContainer.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/explore/reducers/index.js 0.00% <0.00%> (-100.00%) ⬇️
...et-frontend/src/dashboard/containers/Dashboard.jsx 0.00% <0.00%> (-100.00%) ⬇️
... and 173 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fb4c447...15be611. Read the comment docs.

@eschutho eschutho marked this pull request as ready for review December 18, 2020 04:33
@eschutho
Copy link
Member Author

@betodealmeida @hughhhh

Copy link
Member

@betodealmeida betodealmeida left a comment

Choose a reason for hiding this comment

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

Looks great! Do you want me to merge it?

<Button {...commonBtnProps} cta onClick={stopQuery}>
<Button
{...commonBtnProps}
cta
Copy link
Member

Choose a reason for hiding this comment

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

what's cta here? i think we can remove it

Copy link
Member Author

Choose a reason for hiding this comment

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

it looks like the cta prop makes it all caps.

@@ -67,7 +72,7 @@ const RunQueryActionButton = ({
cta
onClick={() => runQuery(true)}
key="run-async-btn"
tooltip={t('Run query asynchronously (Ctrl + )')}
tooltip={t('Run query (Ctrl + Return)')}
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
tooltip={t('Run query (Ctrl + Return)')}
tooltip={t('Run Query (Ctrl + Return)')}

Copy link
Member Author

Choose a reason for hiding this comment

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

The design has Query as lowercase, but let's check with Stephen!

@hughhhh hughhhh self-requested a review December 18, 2020 18:31
@hughhhh hughhhh merged commit 246511b into apache:feat-sql-toolbar Dec 18, 2020
@hughhhh hughhhh deleted the elizabeth/sqllab-keyboard-shortcuts branch December 18, 2020 19:24
eschutho added a commit to preset-io/superset that referenced this pull request Dec 23, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants