fuellabs / fuels-wallet Goto Github PK

💳 The official Fuel wallet.

License: Apache License 2.0

HTML 0.22% TypeScript 92.45% JavaScript 1.18% Shell 0.16% Dockerfile 0.02% CSS 2.33% Makefile 0.01% MDX 3.29% Sway 0.35%

fuel wallet

fuels-wallet's Introduction

fuels-wallet's People

Contributors

Stargazers

Watchers

Forkers

pinkdiamond1 ankitsaini9 m3elabs cleancoindev heroleft mztacat kriptosekici pkroland buraksaynn bhnk eraykisabacak karakushburak tota39 xerdax cigilipap imdatdalga anaraydinli55 needb1 williamhill8888 uzmanmuzaffer tranphucloc frkn380 ezagor-dev thamdestech xhinis yasar-ustaaa ziosta gundogany29 0x1levi uygarslan jayjaybentley ihcmath juzeff trou6le rivotril97 response0920 0xhousemd greyreen kaizenx207 ahmet-317 os2357 ceejaycrypto marcinek89xl 99xxx sticker423 timityxo cas3per yaykut narongsaknuanthong capknsedat cgarlie5290 onrkrr 609498 ahrar haiine ckaarraa anuj800 raajsingh12 1moruq gemsnip3r topboy01 emrahonuraras uguryuksel2022 slmbenberk 0xsbguler tathanhlam apostol329 gusnoob1 rubyt0x mingzi321 travelalife cepdy4ek27 bankysammy sinirlibiber vladlevinas emes0 oxnonstope starceps massif0010 hermesxchange natalie359738 meluhian 136718javad pinnacle94 marcinspro lightisgud uwaifo18 lucidity0x bynigo saeedbira bardiyanft rajpalpagare crypto3egal hessamwatchlist e3tiven-max amarirafi hessamcoin2 dotcoin2021 0xtiamcoin tafrihonlinewebmaster

fuels-wallet's Issues

Create Layout component

Props

isLoading: boolean

Subcomponents

<Layout.TopBar />
<Layout.Content />
<Layout.BottomBar />

Notes

This component will be the layout component for all internal pages with a <Topbar>, children and a bottom element

<Layout>
  <Layout.Topbar title="Some title" isInternal />
  <Layout.Content />
  <Layout.BottomBar>
    <Button variant="gray">Cancel</Button>
    <Button variant="primary">Save</Button>
  </Layout.BottomBar>
</Page>

UI screens for Sidebar

Create ChangePassword screen

Blocked by

FuelLabs/fuel-ui#119

UI screens for Accounts

Create TxHeader component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=93%3A8275

Props

transaction: Transaction
type: TransactionType

Subcomponent

<TxHeader.Loading>
- This component is just a loading state using our Skeleton

Create AccountList component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16182

Props

items: Account[]

Subcomponent

<AccountList.Loading />
- This is just a loading state using our Skeleton

Create MenuItem component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=34%3A4757

Props

icon: Icon
label: string

Observations

When this component is a children another MenuItem, it will have a file-three like indicating that is a submenu
When this component has a children, need to have a toggle feature

Implementation

<MenuItem icon="Wallet" label="Wallet">
  <MenuItem icon="User" label="MyAccount" />
</MenuItem>

Create wallet Home screen

Figma reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16364

Blocked by

Create NetworkDropdown component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=77%3A7512

Props

network: Network

Blocked by

Create ConnectRequest screen

Figma reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15694

Blocked by

Create ConnectInfo component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=119%3A9390

Props

url: String

Notes

This component will need to have a account selector internally

Create AccountCreate screen

Observations

Will use the AccountForm component to render a create screen

Blocked by

Create AssetItem component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=10%3A3655

Props

asset: Asset
amount: bigint

Observations

Will does not have the activity transaction list yet, don't need to have the opened/closed state
Don't need to have USD amount too, just the asset amount

Create Transaction screen

Figma reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15917

URL Params

transactionId: String

Blocked by

UI screens for Sign Up

Create Signature Request screen

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15706

Blocked by

Create Networks screen

Tasks

Just use a Stack component to render the list
Add a Button component as Add new network link

Blocked by

Create NetworkForm component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16258

Props

network?: Network

Form fields

name: String
url: String

UI screens for Home

UI screens for Activity

Create Receive screen

Figma reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15768

Tasks

Create Share feature
Create QR Code feature

Create AccountItem component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16192

Props

account: Account
isSelected: boolean
isHidden: boolean

Create Mnemonic Component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=77%3A6331

Props

type: 'read' | 'write'
value: string[]

Observations

should this component not use a textarea because of security issues
read state: is only text divs
write state: individual inputs

Create AmountInput component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=94%3A11474

Notes

This component will use Input.Number from our design system and use rightElement to add balance and max button

Create full SignUp flow

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=206%3A9374

Screens

Blocked by

Create TransactionItem component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=77%3A6771

Props

transaction: Transaction
type: TransactionType

Create Transaction History Screen

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16020

Props

items: Transaction[]

Subcomponents

<ActivityList.Empty />
- This is just a component showing the empty illustration
<ActivityList.Loading />
- This is a loading state component using our Skeleton as base

Component Dependencies

<TxIcon />
<TxItem />
<TxList />

Create reveal seed phrase screen

Blocked by

Create TxDetails component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=84%3A6962

Props

transaction: Transaction

Subcomponents

<TxDetails.Loading>
- This component is just a loading state using our Skeleton

Create Send screen

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15784

Blocked by

Create BalanceWidget component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=10%3A7410

Props

isHidden: boolean
account: Account

Tasks

Create BalanceWidget.Loading skeleton

Create NetworkSelector component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=53%3A5709

Props

network: Network

UI screens for Settings

Create Accounts screen

Tasks

Create show/hidden toggle on list

Blocked by

Implement Sidebar component

@## Figma reference
https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16363

Tasks

Account selector
Menu Items
Network selector

Blocked by

Create ApproveTransaction screen

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A15716

Blocked by

Create NetworkItem component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=93%3A8734

Props

isSelected: boolean
network: Network

Create AssetList component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=10%3A3655

Props

items: AssetItem[]

Subcomponents

<AssetsList.Empty />
- This is just a component showing the empty illustration
<AssetsList.Loading />
- This is a loading state component using our Skeleton as base

Blocked by

Create the design for the first version of the wallet

Create TxFromTo component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=93%3A8300

Props

state: 'default' | 'success' | 'pending' | 'failed'
fromAddress: String
toAddress: String

Subcomponents

<TxFromTo.Loading>
- This component is just a loading state using our Skeleton

Blocked by

Create NetworkCreate screen

Observations

Will use the NetworkForm component to render a create screen

Blocked by

Create Topbar component

Figma reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=13%3A4206

Props

title: string
isInternal: boolean
isLoading: boolean

Observations

if isIternal: has a gradient background, back button and a title
if not isInternal: background transparent, fuel logo
both cases have spinners

Create AccountForm component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=290%3A16150

Props

account?: Account

Form fields

name: String

Create Activities screen

Tasks

Add activities list filtered by pagination

Blocked by

FuelLabs/fuel-ui#121

Create NetworkEdit screen

Observations

Will use the NetworkForm component to render an edit screen

Blocked by

Create TxRecipientCard component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=79%3A7832

Props

address?: String

Subcomponents

TxRecipientCard.Loading
- This component is just a loading state using our Skeleton

Notes

This component need to be smart sufficient to detect if an address is contract or user

Create Faucet popup component

Observation

Use the same implementation we did on SwapSwap

Create TransactionType enum, and TxIcon component

Values

send
receive
contractCall
script
predicate

Create AccountEdit Screen

Observations

Will use the AccountForm component to render an edit screen

Blocked by

Create AssetsAmount component

Figma Reference

https://www.figma.com/file/uEckQY4EaQ5rXwyISg6d1g/Fuel-Wallet?node-id=94%3A12403

Props

assets: AssetAmount[]

Notes

Don't need to have USD value now

fuellabs / fuels-wallet Goto Github PK

fuels-wallet's Introduction

⚡️ Fuel Wallet

📗 Table of contents

Features

📜 License

fuels-wallet's People

Contributors

Stargazers

Watchers

Forkers

fuels-wallet's Issues

Props

Subcomponents

Notes

Blocked by

Figma Reference

Props

Subcomponent

Figma Reference

Props

Subcomponent

Figma Reference

Props

Observations

Implementation

Figma reference

Blocked by

Figma Reference

Props

Blocked by

Figma reference

Blocked by

Figma Reference

Props

Notes

Observations

Blocked by

Figma Reference

Props

Observations

Figma reference

URL Params

Blocked by

Figma Reference

Blocked by

Tasks

Blocked by

Figma Reference

Props

Form fields

Figma reference

Tasks

Figma Reference

Props

Figma Reference

Props

Observations

Figma Reference

Notes

Figma Reference

Screens

Blocked by

Figma Reference

Props

Figma Reference

Props

Subcomponents

Component Dependencies

Blocked by

Figma Reference

Props

Subcomponents

Figma Reference

Blocked by

Figma Reference

Props

Tasks

Figma Reference

Props