2021-04-20 07:19:08 -07:00
|
|
|
import React, { FunctionComponent } from 'react'
|
|
|
|
|
|
|
|
|
|
type SideBadgeProps = {
|
|
|
|
|
side: string
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const SideBadge: FunctionComponent<SideBadgeProps> = ({ side }) => {
|
|
|
|
|
return (
|
|
|
|
|
<div
|
User account page (#22)
* layout, overview, start on assets, borrows and open orders
* trade history, sortable data hook for tables, borrow page
* handle deposit and withdraw buttons
* borrow modal ui and integration + settle borrow for individual assets
* in orders balance to asset table and totals, responsive css, new connected wallet button + small tweaks
* account switch/creation flow
* accounts modal, update to usebalances hook
* handle settle, deposit before settle, save last account
* disable borrow/withdraw button when no account
2021-06-05 07:11:44 -07:00
|
|
|
className={`rounded inline-block ${
|
2021-04-20 07:19:08 -07:00
|
|
|
side === 'buy'
|
|
|
|
|
? 'border border-th-green text-th-green'
|
|
|
|
|
: 'border border-th-red text-th-red'
|
|
|
|
|
}
|
|
|
|
|
px-2 py-1 text-xs`}
|
|
|
|
|
>
|
|
|
|
|
{side.toUpperCase()}
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default SideBadge
|
