* 📈 Improve structure generic Table component * ♻️ Update Borrow Table and overall structure of Table comp * ♻️ Update Lend table * ✨ add loading state for lend table * 🧪 Fix unit tests
25 lines
597 B
TypeScript
25 lines
597 B
TypeScript
import classNames from 'classnames'
|
|
import React from 'react'
|
|
|
|
import { ChevronDown } from 'components/Icons'
|
|
import Loading from 'components/Loading'
|
|
|
|
export const DETAILS_META = { accessorKey: 'details', enableSorting: false, header: 'Deposit' }
|
|
|
|
interface Props {
|
|
isLoading: boolean
|
|
isExpanded: boolean
|
|
}
|
|
|
|
export default function Details(props: Props) {
|
|
if (props.isLoading) return <Loading />
|
|
|
|
return (
|
|
<div className='flex items-center justify-end'>
|
|
<div className={classNames('w-4', props.isExpanded && 'rotate-180')}>
|
|
<ChevronDown />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|