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(suite): quick-action refactotring, simplification of the UI and adding a update icon #14014

Merged
merged 1 commit into from
Sep 4, 2024

Conversation

peter-sanderson
Copy link
Contributor

@peter-sanderson peter-sanderson commented Aug 29, 2024

This PR:

  • refactors QuickActions, separates the individual "icon"
  • adds a ComponentWithIcon to abstract the component with a little icon in the corner
  • adds more icons (and colors) for Tor flow

Part of the #13990

image
image

@peter-sanderson peter-sanderson marked this pull request as draft August 29, 2024 08:32
@peter-sanderson peter-sanderson force-pushed the quick-actions-refactoring branch 8 times, most recently from af0d9c1 to a88acab Compare August 29, 2024 13:55
@peter-sanderson peter-sanderson marked this pull request as ready for review August 29, 2024 14:04
@@ -0,0 +1,4 @@
export const Update = () => {
// Todo: this will be implemented in future Pull Request
return <></>;
Copy link
Contributor Author

@peter-sanderson peter-sanderson Aug 29, 2024

Choose a reason for hiding this comment

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

I will implement this in next PR. It will look like this
image

@peter-sanderson peter-sanderson force-pushed the quick-actions-refactoring branch 2 times, most recently from b0bab92 to 53cbe39 Compare August 30, 2024 10:14
Copy link
Contributor

@jvaclavik jvaclavik left a comment

Choose a reason for hiding this comment

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

ship it

@peter-sanderson peter-sanderson force-pushed the quick-actions-refactoring branch 4 times, most recently from e58203f to 3047b6d Compare August 30, 2024 14:23
const SubIconWrapper = styled.div<SubIconWrapperProps>`
position: absolute;

right: -${({ $subIconSize }) => $subIconSize / 2 + 3}px;
Copy link
Contributor

Choose a reason for hiding this comment

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

why +3?


export const Update = () => {
const theme = useTheme();
// const { translationString } = useTranslation();
Copy link
Contributor

Choose a reason for hiding this comment

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

leftover?

@peter-sanderson peter-sanderson force-pushed the quick-actions-refactoring branch 4 times, most recently from d9652c9 to 635a43a Compare September 2, 2024 13:21
@peter-sanderson peter-sanderson force-pushed the quick-actions-refactoring branch 2 times, most recently from e00ccc9 to 11d8db0 Compare September 2, 2024 14:58
@peter-sanderson peter-sanderson mentioned this pull request Sep 2, 2024
2 tasks
…adding a update icon

chore(components): add frameProps for ComponentWithSubIcon
@peter-sanderson peter-sanderson merged commit f296deb into develop Sep 4, 2024
23 of 24 checks passed
@peter-sanderson peter-sanderson deleted the quick-actions-refactoring branch September 4, 2024 08:52
@bosomt
Copy link
Contributor

bosomt commented Sep 16, 2024

QA NOK

see Trezor icon its not properly aligned in white square

Screenshot 2024-09-16 at 17 28 46

Info:

  • Suite version: desktop 24.10.0 (93da8b5)
  • Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) TrezorSuiteDev/24.10.0 Chrome/124.0.6367.243 Electron/30.3.1 Safari/537.36
  • OS: MacIntel
  • Screen: 1512x982
  • Device: Trezor T2T1 2.8.1 regular (revision 632b9561559b7ab6824bb7eeac072874e07b7b82)
  • Transport: BridgeTransport 2.0.33

@peter-sanderson
Copy link
Contributor Author

@bosomt Interesting, nice catch. Hovever its not happening to me on Linux & Desktop. I have asked somebody with Mac to investigate.

@bosomt
Copy link
Contributor

bosomt commented Sep 24, 2024

QA OK

overall it looks great, if anyone else complains about that icon i will create issue

Info:

  • Suite version: desktop 24.10.0 (55ac8cb)
  • Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) TrezorSuiteDev/24.10.0 Chrome/124.0.6367.243 Electron/30.3.1 Safari/537.36
  • OS: MacIntel
  • Screen: 1512x982
  • Device: Trezor T2T1 2.8.1 regular (revision 632b9561559b7ab6824bb7eeac072874e07b7b82)
  • Transport: BridgeTransport 2.0.33

@bosomt
Copy link
Contributor

bosomt commented Sep 24, 2024

@peter-sanderson created follow up issue :) havent noticed it till now ;) #14497

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: ✅ Approved
Development

Successfully merging this pull request may close these issues.

4 participants