34 lines
897 B
TypeScript
34 lines
897 B
TypeScript
|
import { useMemo, useState } from 'react'
|
||
|
|
import { uid } from 'utils/random'
|
||
|
|
|
||
|
|
import type { Attribute } from './MemberAttributes'
|
||
|
|
|
||
|
|
export function useMemberAttributesState() {
|
||
|
|
const [record, setRecord] = useState<Record<string, Attribute>>(() => ({}))
|
||
|
|
|
||
|
|
const entries = useMemo(() => Object.entries(record), [record])
|
||
|
|
const values = useMemo(() => Object.values(record), [record])
|
||
|
|
|
||
|
|
function add(attribute: Attribute = { address: '', weight: 0 }) {
|
||
|
|
setRecord((prev) => ({ ...prev, [uid()]: attribute }))
|
||
|
|
}
|
||
|
|
|
||
|
|
function update(key: string, attribute = record[key]) {
|
||
|
|
setRecord((prev) => ({ ...prev, [key]: attribute }))
|
||
|
|
}
|
||
|
|
|
||
|
|
function remove(key: string) {
|
||
|
|
return setRecord((prev) => {
|
||
|
|
const latest = { ...prev }
|
||
|
|
delete latest[key]
|
||
|
|
return latest
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function reset() {
|
||
|
|
setRecord({})
|
||
|
|
}
|
||
|
|
|
||
|
|
return { entries, values, add, update, remove, reset }
|
||
|
|
}
|