liquid-funding/app/components/table/hooks.js

25 lines
547 B
JavaScript

import { useState, useEffect } from 'react'
export function useRowData(rowData, handleClose) {
const [show, setShow] = useState(null)
const [rowId, setRowId] = useState(rowData.pledgeId)
useEffect(() => {
setShow(true)
}, [])
useEffect(() => {
const { pledgeId } = rowData
const samePledge = rowId === pledgeId
if (show && samePledge) close()
else setRowId(pledgeId)
}, [rowData.timeStamp])
const close = () => {
setShow(false)
setTimeout(() => { handleClose() }, 500)
}
return { show, close }
}