493ec7c44c
* fix: reanabled fundAccount and created base for toasts * Update toaster + add router refresh --------- Co-authored-by: bwvdhelm <34470358+bobthebuidlr@users.noreply.github.com>
40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import React from 'react'
|
|
import { Row } from '@tanstack/react-table'
|
|
|
|
import { getMarketAssets } from 'utils/assets'
|
|
import { Button } from 'components/Button'
|
|
|
|
type AssetRowProps = {
|
|
row: Row<BorrowAsset>
|
|
onBorrowClick: () => void
|
|
onRepayClick: () => void
|
|
resetExpanded: (defaultState?: boolean | undefined) => void
|
|
}
|
|
|
|
export default function AssetExpanded(props: AssetRowProps) {
|
|
const marketAssets = getMarketAssets()
|
|
const asset = marketAssets.find((asset) => asset.denom === props.row.original.denom)
|
|
|
|
if (!asset) return null
|
|
|
|
return (
|
|
<tr
|
|
key={props.row.id}
|
|
className='cursor-pointer'
|
|
onClick={(e) => {
|
|
e.preventDefault()
|
|
const isExpanded = props.row.getIsExpanded()
|
|
props.resetExpanded()
|
|
!isExpanded && props.row.toggleExpanded()
|
|
}}
|
|
>
|
|
<td colSpan={4}>
|
|
<div className='flex justify-end p-4'>
|
|
<Button color='secondary' text='CLick me' onClick={() => {}} />
|
|
<Button color='primary' text='CLick me' />
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
)
|
|
}
|