add size prop to icon buttons

This commit is contained in:
saml33 2023-01-20 10:49:49 +11:00
parent 91d916c858
commit 2e555ba5dc
2 changed files with 11 additions and 2 deletions

View File

@ -480,6 +480,7 @@ const OpenOrders = () => {
<>
<IconButton
onClick={() => showEditOrderForm(o, tickSize)}
size="medium"
>
<PencilIcon className="h-4 w-4" />
</IconButton>
@ -490,6 +491,7 @@ const OpenOrders = () => {
? handleCancelPerpOrder(o)
: handleCancelSerumOrder(o)
}
size="medium"
>
{cancelId === o.orderId.toString() ? (
<Loading className="h-4 w-4" />
@ -500,14 +502,20 @@ const OpenOrders = () => {
</>
) : (
<>
<IconButton onClick={() => modifyOrder(o)}>
<IconButton
onClick={() => modifyOrder(o)}
size="medium"
>
{loadingModifyOrder ? (
<Loading className="h-4 w-4" />
) : (
<CheckIcon className="h-4 w-4" />
)}
</IconButton>
<IconButton onClick={cancelEditOrderForm}>
<IconButton
onClick={cancelEditOrderForm}
size="medium"
>
<XMarkIcon className="h-4 w-4" />
</IconButton>
</>

View File

@ -260,6 +260,7 @@ const UnsettledTrades = ({
{connected ? (
<IconButton
onClick={() => handleSettleSerumFunds(mktAddress)}
size="medium"
>
{settleMktAddress === mktAddress ? (
<Loading className="h-4 w-4" />