-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Feat/add fund test account + transactions (#2481)
* feat(client-utils): add fund account on testnet function * feat(dev-wallet): add transactions page * fix(dev-wallet): side bar * feat(dev-wallet): transaction stepper * feat(dev-wallet): add tx icon * fix(dev-wallet): clean up * feat(client-utils): add faund existing/new accounts * fix(dev-wallet): fund existing accounts * fix(dev-wallet): transaction tabs * feat(dev-wallet): keyset page * feat(dev-wallet): your assets * feat(client-utils): faucet helpers + dev-wallet account page * feat(dev-wallet): bulk transfer * fix(dev-wallet): evaluate transfers * feat(dev-wallet): bulk transfer * refactor(dev-wallet): transfer page * fix: build error * chore: changeset
- Loading branch information
Showing
72 changed files
with
4,052 additions
and
542 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@kadena/dev-wallet': minor | ||
| --- | ||
|
|
||
| Transfer page |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| --- | ||
| '@kadena/client-utils': minor | ||
| --- | ||
|
|
||
| Added faucet helpers to call the contract on testnet + added transfer all to | ||
| transfer all available balance form one account to another one |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@kadena/kode-ui': minor | ||
| --- | ||
|
|
||
| Added step to text filed; added inherit to color variants |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
103 changes: 103 additions & 0 deletions
103
packages/apps/dev-wallet/src/Components/Accounts/Accounts.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,103 @@ | ||
| import { | ||
| accountRepository, | ||
| Fungible, | ||
| IAccount, | ||
| IKeySet, | ||
| } from '@/modules/account/account.repository'; | ||
| import { useWallet } from '@/modules/wallet/wallet.hook'; | ||
| import { linkClass } from '@/pages/select-profile/select-profile.css'; | ||
| import { getAccountName } from '@/utils/helpers'; | ||
| import { Box, Heading, Stack, Text } from '@kadena/kode-ui'; | ||
| import { Link, useNavigate } from 'react-router-dom'; | ||
| import { ListItem } from '../ListItem/ListItem'; | ||
| import { | ||
| listClass, | ||
| noStyleButtonClass, | ||
| noStyleLinkClass, | ||
| panelClass, | ||
| } from './style.css'; | ||
|
|
||
| export function Accounts({ | ||
| accounts, | ||
| keysets, | ||
| asset, | ||
| }: { | ||
| accounts: IAccount[]; | ||
| keysets: IKeySet[]; | ||
| asset?: Fungible; | ||
| }) { | ||
| const { profile, activeNetwork } = useWallet(); | ||
| const navigate = useNavigate(); | ||
| const notUsedKeysets = keysets.filter( | ||
| (ks) => !accounts.find((acc) => acc.keysetId === ks.uuid), | ||
| ); | ||
| const totalAccounts = accounts.length + notUsedKeysets.length; | ||
| if (!profile || !activeNetwork) { | ||
| return null; | ||
| } | ||
| return ( | ||
| <Box className={panelClass} marginBlockStart="xs"> | ||
| <Heading as="h4">{totalAccounts} accounts</Heading> | ||
| <Link to="/create-account" className={linkClass}> | ||
| Create Account | ||
| </Link> | ||
| {totalAccounts ? ( | ||
| <Box marginBlockStart="md"> | ||
| <Text>Owned ({totalAccounts})</Text> | ||
| <ul className={listClass}> | ||
| {accounts.map(({ overallBalance, keyset, uuid }) => ( | ||
| <li key={keyset?.principal}> | ||
| <Link to={`/account/${uuid}`} className={noStyleLinkClass}> | ||
| <ListItem> | ||
| <Stack flexDirection={'column'} gap={'sm'}> | ||
| <Text> | ||
| {keyset?.alias || getAccountName(keyset!.principal)} | ||
| </Text> | ||
| </Stack> | ||
| <Stack alignItems={'center'} gap={'sm'}> | ||
| <Text>{overallBalance} KDA</Text> | ||
| </Stack> | ||
| </ListItem> | ||
| </Link> | ||
| </li> | ||
| ))} | ||
| {notUsedKeysets.map((keyset) => ( | ||
| <li key={keyset?.principal}> | ||
| <button | ||
| className={noStyleButtonClass} | ||
| onClick={async (e) => { | ||
| e.preventDefault(); | ||
| const account: IAccount = { | ||
| uuid: crypto.randomUUID(), | ||
| profileId: profile.uuid, | ||
| address: keyset?.principal, | ||
| keysetId: keyset.uuid, | ||
| networkId: activeNetwork.networkId, | ||
| contract: asset?.contract ?? 'coin', | ||
| chains: [], | ||
| overallBalance: '0', | ||
| }; | ||
|
|
||
| await accountRepository.addAccount(account); | ||
| navigate(`/account/${account.uuid}`); | ||
| }} | ||
| > | ||
| <ListItem> | ||
| <Stack flexDirection={'column'} gap={'sm'}> | ||
| <Text> | ||
| {keyset?.alias || getAccountName(keyset!.principal)} | ||
| </Text> | ||
| </Stack> | ||
| <Stack alignItems={'center'} gap={'sm'}> | ||
| <Text>0 {asset?.symbol ?? 'KDA'}</Text> | ||
| </Stack> | ||
| </ListItem> | ||
| </button> | ||
| </li> | ||
| ))} | ||
| </ul> | ||
| </Box> | ||
| ) : null} | ||
| </Box> | ||
| ); | ||
| } |
68 changes: 68 additions & 0 deletions
68
packages/apps/dev-wallet/src/Components/Accounts/style.css.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| import { cardColor, cardHoverColor } from '@/utils/color.ts'; | ||
| import { atoms, vars } from '@kadena/kode-ui/styles'; | ||
| import { style } from '@vanilla-extract/css'; | ||
|
|
||
| export const pageClass = style({ | ||
| minHeight: 'calc(100vh - 90px)', | ||
| }); | ||
|
|
||
| export const panelClass = style([ | ||
| atoms({ | ||
| padding: 'md', | ||
| }), | ||
| { | ||
| background: cardColor, | ||
| }, | ||
| ]); | ||
|
|
||
| export const listClass = style([ | ||
| atoms({ | ||
| listStyleType: 'none', | ||
| marginBlockStart: 'md', | ||
| padding: 'n0', | ||
| }), | ||
| ]); | ||
|
|
||
| export const chainListClass = style([ | ||
| atoms({ | ||
| listStyleType: 'none', | ||
| paddingBlock: 'n1', | ||
| }), | ||
| ]); | ||
|
|
||
| export const listItemClass = style([ | ||
| atoms({ | ||
| padding: 'md', | ||
| marginBlockStart: 'xs', | ||
| }), | ||
| { | ||
| background: cardColor, | ||
| selectors: { | ||
| '&:hover': { | ||
| background: cardHoverColor, | ||
| }, | ||
| }, | ||
| }, | ||
| ]); | ||
|
|
||
| export const noStyleLinkClass = style({ | ||
| textDecoration: 'none', | ||
| color: 'inherit', | ||
| }); | ||
|
|
||
| export const chainClass = style([ | ||
| { | ||
| background: vars.colors.$layoutSurfaceCard, | ||
| }, | ||
| ]); | ||
|
|
||
| export const noStyleButtonClass = style({ | ||
| background: 'none', | ||
| color: 'inherit', | ||
| border: 'none', | ||
| padding: 0, | ||
| font: 'inherit', | ||
| outline: 'inherit', | ||
| cursor: 'pointer', | ||
| width: '100%', | ||
| }); |
Oops, something went wrong.