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: update accounts page and related components #1402

Merged
merged 7 commits into from
Jun 20, 2024

Conversation

raducristianpopa
Copy link
Member

@raducristianpopa raducristianpopa commented Jun 19, 2024

Context

Part of #1385.

Changes

@github-actions github-actions bot added package: wallet/frontend Wallet frontend implementations type: source Source changes labels Jun 19, 2024
@raducristianpopa raducristianpopa changed the base branch from main to rp/wallet-fe-redesign June 19, 2024 08:23
@Tymmmy
Copy link
Contributor

Tymmmy commented Jun 20, 2024

Dark mode Account Details:
image

  • Green text in dark mode design is white
  • Buttons for Add PP, Add money should be transparent with the same border, and hover state as Add new Account from home page
  • As we discussed we can probably remove functionalities Withdraw money and Exchange money, as they don't reflect Rafiki or OP
  • Hover state for the table row, view, copy icon, and submenus (Edit, Delet) missing
  • row separating bottom border color different from design

Light mode Account Details kind of the same issues as above:
image

@raducristianpopa
Copy link
Member Author

raducristianpopa commented Jun 20, 2024

* Green text in dark mode design is white

* Buttons for Add PP, Add money should be transparent with the same border, and hover state as Add new Account from home page

* As we discussed we can probably remove functionalities Withdraw money and Exchange money, as they don't reflect Rafiki or OP

* Hover state for the table row, view, copy icon, and submenus (Edit, Delet) missing

* row separating bottom border color different from design

Light mode Account Details kind of the same issues as above

This is only taking care of updating the accounts page - where all the user accounts are displayed. The account details changes will happen in another PR.

@raducristianpopa raducristianpopa merged commit 4f99590 into rp/wallet-fe-redesign Jun 20, 2024
13 checks passed
@raducristianpopa raducristianpopa deleted the rp/update-accounts-page branch June 20, 2024 08:02
Tymmmy added a commit that referenced this pull request Sep 2, 2024
* chore: update tailwind config (#1397)

* Update Tailwind config

* Format

* fix: Menu improvements (#1393)

Menu improvements

* feat: add theme switcher (#1398)

* Update colors

* Add glows

* Update config

* Add theme switcher

* Disable prettier tailwind plugin for now and format

* Remove unwanted changes

* Add `useIsMounted` hook

* Dynamic import for theme switcher

* Format

* Show theme switcher on mobile

* feat: update sidebar and mobile menu (#1399)

* Update colors

* Add glows

* Update config

* Update Tailwind config

* Update menu and main layout

* Add theme switcher

* Disable prettier tailwind plugin for now and format

* Remove unwanted changes

* Add `useIsMounted` hook

* Dynamic import for theme switcher

* Format

* Update logo

* Show theme switcher on mobile

* Format

* Update menus, icons and fix purple color

* Refactor

* Move logout button to separate component and fix navlink not closing
sidebar on click

* fix: Update Account details page (#1391)

* Update [accountId].tsx

* Menu updates

* Revert "Menu updates"

This reverts commit be4ba69.

* fix: Update Grant Badges (#1394)

Update Grant Badges

* chore: update wallet font (#1401)

Update font

* feat: update accounts page and related components (#1402)

* Remove bubbles and accounts page buttons

* Update accounts page

* Format homepage

* Remove dead code

* Remove bubbles from settings page

* Fix back button on dark mode

* feat: upgrade rafiki to alpha 13 (#1419)

* feat: upgrade rafiki to alpha 13

* fix: change RevokeGrantMutationResponse

* feat(docker): install and configure kratos

* build: fix prod dockerfile for wallet backend

* build: fix wallet frontend docker file

* fix(kratos): admin url

---------

Co-authored-by: golobitch <[email protected]>

* feat: fix grant message fix when it is NOT withdraw (#1406)

* Fix grant message fix when it is NOT withdraw

* Fix wallet frontend

* Fix wallet grant test

* fix format

* fix fetch grant types

* Change back separation of one click payment, and add universal message for ACCESS to account

* Update use-setup-one-click-mutation.ts

---------

Co-authored-by: Tymmmy <[email protected]>

* fix(docker): dev docker compose + kratos configuration (#1429)

* fix(docker): dev docker compose + kratos configuration

* feat: upgrade to alpha 14

---------

Co-authored-by: dragosp1011 <[email protected]>

* feat: Add dark & light images to new design (#1425)

* Add dark and light images

* Play button dark-light

* removed styling

* feat: update account details page; related components (#1410)

* Account details progress and remove exchange/withdraw

* Remove exchange page

* Progress

* Finish account details (normal + WM)

* Fix broken layout from previously merged PR

* Format

* Fix table border on light mode

* feat: Table changes for new design (#1436)

* Table changes for new design

* PR comments fix

* feat: update dialogs; parts of ui/form elements (#1432)

* Dialogs progress

* prettier fix

* Updated dialogs

* Format & fixes

* Fix dialog

---------

Co-authored-by: Tymmmy <[email protected]>

* feat: update form elements; fix ui components; fix layouts; update send/request (#1437)

* Form fields new design

* tooltip fixes

* Merge fixes

* Update Checkbox.tsx

* Merge fixes

* Fixes: UI, Forms, Pages, Layouts - removed tooltip from transactions
since it was causing an overflow

* Format

---------

Co-authored-by: Radu-Cristian Popa <[email protected]>

* fix colors

* fix for badges

* redo code, to be done on pr

* fix: badge update for transfer pages (#1443)

Badge update for transfer pages

* Update pnpm-lock.yaml

* feat: New design transfer pages (#1451)

* added badge changes for transfer pages

* Quote fixes for payments

* feat: New design grants pages (#1452)

* Grant list and Grant details changes

* update grant interaction

* feat: New design setting pages (#1479)

* Update Dev Keys

* Update DeveloperKeys.tsx

* Update tabs

* Update pnpm-lock.yaml

* feat: New design Auth/KYC pages (#1448)

* KYC pages fixes, also some auth page fixes, emails in new design

* email images heights

* fix layout

* fix layouts

* PR comments addressed

* Some more fixes from PR comments

* Colors added

* Update pnpm-lock.yaml

* fix sidebar menu

* feat: test wallet new design onboarding update (#1426)

* Onboarding dark-light fixes icons

* KYC pages fixes, also some auth page fixes, emails in new design

* email images heights

* fix layout

* fix layouts

* Update [accountId].tsx

* Color changes

* Remove Light Dark svgs- use css colors for currentColor

* Onboarding fixes

* Some more layout fixes

* Update Onboarding.tsx

* Update transactions.tsx

* Update next for fixes

* Update Onboarding.tsx

* Developer ley fixes

* Fix onboarding for dev keys

* Fix for mobile onboarding - send part

* Button placement fixes

* Update Onboarding.tsx

* Update Onboarding.tsx

* add request mobile step

* Update OnboardingTooltip.tsx

* Update SettingsTabs.tsx

* small fixes

* other fixes

* feat: new design readd withdraw button (#1501)

add Withdraw back

---------

Co-authored-by: Timea <[email protected]>
Co-authored-by: dragosp1011 <[email protected]>
Co-authored-by: golobitch <[email protected]>
Co-authored-by: Rico Gonzalez <[email protected]>
Co-authored-by: Tadej Golobic <[email protected]>
Co-authored-by: dragosp1011 <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: wallet/frontend Wallet frontend implementations type: source Source changes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Interledger test wallet redesign
2 participants