(initialState: Array) => {
6 | const [selected, setSelected] = useState(initialState);
7 |
8 | const add = useCallback(
9 | (items: Array
) => {
10 | setSelected((oldList) => uniq([...oldList, ...items]));
11 | },
12 | [setSelected]
13 | );
14 |
15 | const remove = useCallback(
16 | (items: Array
) => {
17 | setSelected((oldList) => difference(oldList, items));
18 | },
19 | [setSelected]
20 | );
21 |
22 | const change = useCallback(
23 | (addOrRemove: boolean, items: Array
) => {
24 | if (addOrRemove) {
25 | add(items);
26 | } else {
27 | remove(items);
28 | }
29 | },
30 | [add, remove]
31 | );
32 |
33 | const clear = useCallback(() => setSelected([]), [setSelected]);
34 |
35 | return { selected, add, remove, clear, change };
36 | };
37 |
--------------------------------------------------------------------------------
/apps/frontend/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 |
6 | import { AccountMapProvider } from './context/AccountMapContext';
7 | import { ConfigProvider } from './context/ConfigContext';
8 | import { ModalProvider } from './context/ModalContext';
9 | import { SidebarProvider } from './context/SidebarContext';
10 | import { PlatformProvider } from './context/PlatformContext';
11 | import { UnitProvider } from './context/UnitContext';
12 |
13 | ReactDOM.render(
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | ,
27 | document.getElementById('root')
28 | );
29 |
--------------------------------------------------------------------------------
/apps/frontend/src/pages/Home/AccountGridItem.tsx:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { Bitcoin } from '@styled-icons/boxicons-logos';
4 |
5 | import { Unit } from 'src/components';
6 |
7 | import { AccountMapContext } from 'src/context/AccountMapContext';
8 |
9 | import { getLastTransactionTime, getAccountBalance } from 'src/pages/Home/utils';
10 |
11 | import { LilyAccount } from '@lily/types';
12 | interface Props {
13 | url: string;
14 | account: LilyAccount;
15 | }
16 |
17 | export const AccountGridItem = ({ url, account }: Props) => {
18 | const { setCurrentAccountId } = useContext(AccountMapContext);
19 | return (
20 |
21 | setCurrentAccountId(account.config.id)}
25 | key={account.config.id}
26 | >
27 |
28 |
29 |
30 |
31 |
32 | {account.name}
33 |
34 | {account.loading && (
35 |
36 | Loading...
37 |
38 | )}
39 | {!account.loading && (
40 |
41 |
42 |
43 | )}
44 | {!account.loading && (
45 |
46 | {getLastTransactionTime(account)}
47 |
48 | )}
49 |
50 |
51 |
16 |
17 |
18 |
19 |
20 | Add a new account
21 |
22 |
23 | Create a new account to send, receive, and manage bitcoin
24 |
25 |
26 |
27 |
10 |
11 |
14 |
15 |
16 |
17 | Add a new account
18 |
19 |
20 |
21 |
22 |
19 |
20 |
21 |
22 |
23 |
24 | New channel opened!
25 |
26 |
27 |
You just opened a new lightning network channel.
28 |
29 |
30 |
31 |
36 | Return to dashboard
37 |
38 |
39 |
19 |
20 |
Settings
21 |
22 | {currentTab === 'general' && }
23 | {currentTab === 'channels' && }
24 | {currentTab === 'export' && }
25 |
26 |
30 |
31 |
32 | Receive bitcoin
33 |
34 |
35 |
36 |
37 | {!hasAccount &&
}
38 | {currentAccount.config.type === 'onchain' &&
}
39 | {currentAccount.config.type === 'lightning' &&
}
40 |
23 |
24 |
25 | Send bitcoin
26 |
27 |
28 |
29 | {step === 0 && (
30 |
35 | )}
36 |
37 | {step === 1 && (
38 |
43 | )}
44 |
9 |
10 |
11 | No devices detected
12 |
13 |
14 |
15 | Please make sure your device is connected and unlocked.
16 |
17 |
18 |
24 |
25 |
30 | I am stuck and need assistance
31 |
32 |
33 |
34 |
14 |
15 |
New Account
16 | {headerText}
17 |
18 |
19 | {showCancel ? (
20 |
29 | ) : null}
30 |
31 |
18 |
19 |
20 |
21 |
22 |
23 |
This account already exists.
24 |
25 | setCurrentAccountId(accountId)}
27 | to={`/vault/${accountId}`}
28 | className='whitespace-nowrap font-medium text-yellow-700 hover:text-yellow-600'
29 | >
30 | View account →
31 |
32 |
33 |
34 |
35 |
6 |
No Transactions
7 |
8 |
9 | No transactions match the search criteria.
10 |
11 |
6 |
No Transactions
7 |
8 |
9 | No activity has been detected on this account yet.
10 |
11 |
6 |
No addresses found
7 |
8 |
9 | No addresses match the search criteria.
10 |
11 |
42 |
43 | Tags
44 |
45 |
46 | {Object.keys(labelMap).map((label) => (
47 | -
48 |
49 |
50 | ))}
51 |
52 |
53 |
54 |
6 |
No UTXOs found
7 |
8 |
9 | No unspent transaction outputs match the search criteria.
10 |
11 |
28 |
29 |
30 |
31 |
32 |
33 |
34 | {utxo.txid}:{utxo.vout}
35 |
36 | {showTags ? (
37 |
41 | {utxoAddress.tags.length ? (
42 | utxoAddress.tags.map((label) => (
43 | -
44 |
45 |
46 | ))
47 | ) : (
48 | No tags
49 | )}
50 |
51 | ) : null}
52 |