32 lines
844 B
TypeScript
32 lines
844 B
TypeScript
|
import { useMemo, useState } from 'react'
|
||
|
import { uid } from 'utils/random'
|
||
|
|
||
|
import type { Address } from './AddressList'
|
||
|
|
||
|
export function useAddressListState() {
|
||
|
const [record, setRecord] = useState<Record<string, Address>>(() => ({
|
||
|
[uid()]: { address: '' },
|
||
|
}))
|
||
|
|
||
|
const entries = useMemo(() => Object.entries(record), [record])
|
||
|
const values = useMemo(() => Object.values(record), [record])
|
||
|
|
||
|
function add(balance: Address = { address: '' }) {
|
||
|
setRecord((prev) => ({ ...prev, [uid()]: balance }))
|
||
|
}
|
||
|
|
||
|
function update(key: string, balance = record[key]) {
|
||
|
setRecord((prev) => ({ ...prev, [key]: balance }))
|
||
|
}
|
||
|
|
||
|
function remove(key: string) {
|
||
|
return setRecord((prev) => {
|
||
|
const latest = { ...prev }
|
||
|
delete latest[key]
|
||
|
return latest
|
||
|
})
|
||
|
}
|
||
|
|
||
|
return { entries, values, add, update, remove }
|
||
|
}
|