Use better icon for "Reset Controls" button

[jorisw]

Is your feature request related to a problem? Please describe

The Reset button in the top right of Controls, looks like a Refresh button. It made me think it would refresh code, or Controls defaults.

Describe the solution you'd like

Better would be to use a 'reset' icon, i.e. something that conveys Undo or Rewind. Example:

Are you able to assist to bring the feature to reality?

Assuming you are using an icon set font for this, I'm hoping it will be easy for you to change to an icon that resembles the suggested example.

[shilman]

Sounds good to me. @MichaelArestad WDYT?

[MichaelArestad]

The closest we have to that is an undo icon in the Design System. It would be a slight improvement over the sync icon.

[jorisw]

Agreed!

[awesome31]

Hi! I have not explored the storybook repository and would love to take the first step and take this issue up. Is that okay? 🦖

[shilman]

That would be great @awesome31 -- thank you for helping make Storybook better! 🙏 Please check out how to contribute in our docs and feel free to ask questions in #contributing in our Discord.

[awesome31]

Hi! I did create a PR and tested it as per the contribution guidelines. Do check and let me know! Here is the PR: #15737

Also, I am not sure who I should add as a reviewer?

[MichaelArestad]

@awesome31 Thanks! I'm reviewing it now.

[shilman]

Ooh-la-la!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.0-alpha.29 containing PR #15737 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.