Skip to content
This repository was archived by the owner on Jul 22, 2025. It is now read-only.

Add transfer flow transitions#1594

Merged
juliangruber merged 7 commits intoCheckerNetwork:v2from
subvisual:dl/transfer-flow-anim
Jun 6, 2024
Merged

Add transfer flow transitions#1594
juliangruber merged 7 commits intoCheckerNetwork:v2from
subvisual:dl/transfer-flow-anim

Conversation

@davelange
Copy link
Contributor

@davelange davelange commented Jun 5, 2024

Add transitions/animations to elements in the transfer flow. Does not include the bg grid, that will be in the next PR.

  • Add a Transition component, for better control of elements that are animated
  • Add transitions to global CSS, as this is easier to understand than doing it in tailwind classes.
  • Some fixes in the TextInput component
  • Add a dark mode to the transaction status indicator

@davelange davelange force-pushed the dl/transfer-flow-anim branch from 7635fb2 to 2956268 Compare June 5, 2024 16:09
@davelange
Copy link
Contributor Author

Looks like there's still a CI failure

@socket-security
Copy link

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/electron@30.1.0 Transitive: environment, filesystem, network, shell +30 1.03 MB

🚮 Removed packages: npm/electron@30.0.9

View full report↗︎

@socket-security
Copy link

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert Package Note
Install scripts npm/core-js-pure@3.23.4
  • Install script: postinstall
  • Source: node -e "try{require('./postinstall')}catch(e){}"
Install scripts npm/tiny-secp256k1@1.1.6
  • Install script: install
  • Source: npm run build || echo "secp256k1 bindings compilation fail. Pure JS implementation will be used."
Install scripts npm/electron@30.0.9

View full report↗︎

Next steps

What is an install script?

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Packages should not be running non-essential scripts during install and there are often solutions to problems people solve with install scripts that can be run at publish time instead.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/foo@1.0.0 or ignore all packages with @SocketSecurity ignore-all

  • @SocketSecurity ignore npm/core-js-pure@3.23.4
  • @SocketSecurity ignore npm/tiny-secp256k1@1.1.6
  • @SocketSecurity ignore npm/electron@30.0.9

Copy link
Member

@juliangruber juliangruber left a comment

Choose a reason for hiding this comment

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

Fantastic work 👏 I have only the one question about package-lock.json

@juliangruber juliangruber merged commit 84b3b38 into CheckerNetwork:v2 Jun 6, 2024
@davelange davelange deleted the dl/transfer-flow-anim branch June 25, 2024 10:38
juliangruber added a commit that referenced this pull request Jul 8, 2024
* Update pages structure (#1476)

* update pages structure

* use routes helper

* replace route string

* fix paths

* Update import paths (#1487)

* update tsconfig

* use absolute paths

* Add base layout (#1488)

* add base layout and sidebar

* move wallet widget up

* update tests

* rename component

* Add settings page (#1489)

* add page

* fix

* Connect settings page (#1498)

* expose settings fns to view

* use in settings page

* remove from tray

* fix

* move to settings.js

* update checkbox update

* Update renderer/src/pages/settings/Settings.tsx

Co-authored-by: Julian Gruber <julian@juliangruber.com>

---------

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update tests (#1510)

* update deps

* fix mocks

* add test for settings

* add tests

* remove uneeded

* Add wallet modal (#1514)

* add radix dialog

* create dialog provider comp

* add dialog to layout, remove curtain

* add wallet modal content, and utils

* close dialog on route change

* fix util

* update tests

* Add wallet page content (#1515)

* add basic wallet page

* tx history

* add basic transfer form

* fix form

* fix condition

* Setup dashboard chart (#1534)

* add mock rewards data

* add hook, move rewards out of activity hook

* add basic chart, add deps

* update tests

* Style sidebar (#1518)

* add new icons

* initial styling

* style links

* add expandable

* fix

* font size fix

* replace icon

* Add chart controls (#1544)

* generate mock data

* adjust scheduled reward viz

* fixes

* add filtered

* fix scheduled rewards gen

* Add modules page (#1524)

* add page

* create hook with mock data

* Add draggable bar (#1545)

* create draggable component

* fix layout

* fix drag style

* add bg pattern

* Add modules api (#1550)

* add modules api

* add spark logo

* add voyager logo

* Update design system (#1551)

* update tailwind config and styles

* update changed

* add text and button generics

* update layout

* add switch

* add safelist to config

* font type fix

* Style settings page (#1560)

* use settings group comp

* add icons

* fixes

* layout fix

* add bordered box

* fix test

* use html ents

* Add openExternalURL (#1571)

* add openExternalURL

* normalize urls

* add tests

* replace other url handlers

* add pattern allowlist

* Style wallet page info (#1568)

* add new icons

* add tooltip component

* add address component

* add page shell

* use appshell in settings

* style half of wallet page

* improve address tooltips

* add tx empty state

* fixes

* fix indent

* lint fix

* Address fixes

* remove pageshell

* `eslint --fix .`

* fix don't update balance while transaction processing

* `eslint --fix .`

* Style modules page (#1577)

* setup mod card component

* add tags

* add icons

* style card

* handle text overflow

* indent fix

* Update rewards mock data (#1576)

* update mock data gen

* chart controls for mod id

* move fns out of utils

* Update renderer/src/lib/utils.ts

Co-authored-by: Julian Gruber <julian@juliangruber.com>

---------

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Style transfer flow (#1572)

* add Input component

* create transfer wrapper comp

* add error state to Input component

* add variant to input

* create transfer flow components

* add adress validation hook

* add Button disabled state and 3rd variant

* add tooltip to address save

* add transfer states

* add icon

* fix validation initial valid

* Update renderer/src/components/Tooltip.tsx

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update renderer/src/components/Tooltip.tsx

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update renderer/src/components/Tooltip.tsx

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* rename isShowingConfirm

* remove lint ignore

* rename useCallback

* feedback changes

* use ref to track status

* use tx status

* lint indent fixes

---------

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Style wallet widget (#1586)

* update wallet widget

* add modal content, styles

* show sent or received

* add status indicator comp

* add spinner loading

* hide on wallet page

* fix tooltip maxwidth

* improvements

* fix tests

* Style dashboard info (#1587)

* style info

* create select component

* add tab btn

* style values info

* use togglegroup component

* fix maxwidth

* lint fix

* fix ui test

* add default val to select

* Configure chart styles (#1593)

* update chart config

* create custom tooltip

* add cross lines on hover

* fix tooltip movement

* add payout event indicator

* update layout

* add payout version tooltip

* fixes

* fix, add comment

* fix e2e test

* Add transfer flow transitions (#1594)

* add Transition comp

* animate form, step 1

* animate next steps

* improvements for Transition

* update tx indicator in blance cotnrol

* style tweaks, fixes

* reinstall deps

* Fix wallet hook and sync (#1598)

* backend fix

* fix hook

* remove uneeded hook

* Add grid (#1599)

* add grid canvas

* add grid class, with warp

* ro count fix

* fix warp point calc

* rerender on resize

* force as prop

* add tween render

* warp on balance

* grid improvements, add midline reveal

* add transfer glow

* remove mocked state

* rebase fix

* get config for balance

* style tweaks

* persist grid

* remove comment

* Update renderer/src/lib/grid-utils.ts

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update renderer/src/lib/grid.ts

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update renderer/src/lib/grid.ts

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* move utils to grid

* update import path

---------

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Highlight latest tx (#1601)

* highlight latest tx

* fix

* add transition

* rename

* style fix

* General fixes (#1602)

* fix button font size

* fix walletwidget drag

* fix sidebar

* improve forms

* copy fix

* render grid when no dest addresss

* fix openAtLogin initial state

* add fadeins

* fix overflow sizes

* fix grid when on resize render

* fix wallet page tabindex order

* Remove old files (#1617)

* remove components

* remove icons

* remove empty css

* remove 1d (#1616)

* Add read scheduled rewards from API (#1618)

* add read scheduled rewards from API

* dynamic from/to

* finish query

* update scheduled rewards url

* fix scheduled rewards parsing

* style

* add historic reward transfers

* Add update historic rewards (#1624)

* add update historic rewards every hour

* skip update when window hidden

* update when window becomes visible

* update every 20 minutes (round length)

* add safe (#1628)

* Frontend file structure proposal (#1477)

* first draft

* Update docs/architecture-decision-records/2024-04-frontend-file-structure.md

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update docs/architecture-decision-records/2024-04-frontend-file-structure.md

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update docs/architecture-decision-records/2024-04-frontend-file-structure.md

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* Update docs/architecture-decision-records/2024-04-frontend-file-structure.md

Co-authored-by: Julian Gruber <julian@juliangruber.com>

---------

Co-authored-by: Julian Gruber <julian@juliangruber.com>

* add dynamic SPARK rewards

* Fixes  (#1629)

* fix tooltip zindex

* chart y min

* disable input spellcheck

* coming soon

* deprecated -> ended

* add laoding

* fix resize (#1631)

* Add tests (#1634)

* update dashboard test 1st half

* update dashboard populated

* add wallet page tests

* remove file

* fix

* remove log

* 2.0.0-0

* Open the wallet docs in external browser (#1640)

* tray: fix updater referencing removed items (#1658)

* StationRewards: fix rewards not accumulating

* Chart: fix summing logic for scheduled rewards

* 2.0.0-1

* explain June 13th situation

* 2.0.0-2

* 2.0.0-3

* prevent deselect time range (#1673)

---------

Co-authored-by: David Lange <lange@subvisual.co>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants