blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #96 from blockworks-foundation/click-table-row 

allow click table rows
This commit is contained in:
tlrsssss 2023-03-14 11:18:43 -04:00 committed by GitHub
parent bd7fac1dab 9b14b916bb
commit 0f5e7074d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/TokenList.tsx
View File

@ -93,8 +93,8 @@ const TokenList = () => {
</Tooltip>
</div>
</Th>
<Th className="bg-th-bkg-1 text-right">{t('trade:in-orders')}</Th>
<Th className="bg-th-bkg-1 text-right">{t('trade:unsettled')}</Th>
<Th className="text-right">{t('trade:in-orders')}</Th>
<Th className="text-right">{t('trade:unsettled')}</Th>
<Th className="flex justify-end" id="account-step-nine">
<Tooltip content="The sum of interest earned and interest paid for each token">
<span className="tooltip-underline">
@ -109,7 +109,9 @@ const TokenList = () => {
</Tooltip>
</div>
</Th>
<Th />
<Th className="text-right">
<span className="pr-9">{t('actions')}</span>
</Th>
</TrHead>
</thead>
<tbody>
@ -145,7 +147,11 @@ const TokenList = () => {
spotBalances[bank.mint.toString()]?.unsettled || 0
return (
<TrBody className="last:border-y-0" key={bank.name}>
<TrBody
className="default-transition md:hover:cursor-pointer md:hover:bg-th-bkg-2"
key={bank.name}
onClick={() => goToTokenPage(bank.name)}
>
<Td>
<div className="flex items-center">
<div className="mr-2.5 flex flex-shrink-0 items-center">
@ -210,14 +216,9 @@ const TokenList = () => {
</div>
</Td>
<Td>
<div className="flex justify-end space-x-2">
<div className="flex items-center justify-end">
<ActionsMenu bank={bank} mangoAccount={mangoAccount} />
<IconButton
onClick={() => goToTokenPage(bank.name)}
size="small"
>
<ChevronRightIcon className="h-5 w-5" />
</IconButton>
<ChevronRightIcon className="ml-4 h-5 w-5 text-th-fgd-3" />
</div>
</Td>
</TrBody>
@ -479,6 +480,7 @@ const ActionsMenu = ({
{isUnownedAccount ? null : (
<IconDropMenu
icon={<EllipsisHorizontalIcon className="h-5 w-5" />}
panelClassName="w-40 shadow-md"
postion="leftBottom"
>
<div className="flex items-center justify-center border-b border-th-bkg-3 pb-2">

13
components/stats/PerpMarketsTable.tsx
View File

@ -104,7 +104,11 @@ const PerpMarketsTable = ({
const openInterest = market.baseLotsToUi(market.openInterest)
return (
<TrBody key={market.publicKey.toString()}>
<TrBody
className="default-transition md:hover:cursor-pointer md:hover:bg-th-bkg-2"
key={market.publicKey.toString()}
onClick={() => setShowPerpDetails(perpMarkets[index])}
>
<Td>
<div className="flex items-center">
<MarketLogos market={market} />
@ -190,12 +194,7 @@ const PerpMarketsTable = ({
</Td>
<Td>
<div className="flex justify-end">
<IconButton
onClick={() => setShowPerpDetails(perpMarkets[index])}
size="small"
>
<ChevronRightIcon className="h-5 w-5" />
</IconButton>
<ChevronRightIcon className="h-5 w-5 text-th-fgd-3" />
</div>
</Td>
</TrBody>

13
components/stats/TokenStats.tsx
View File

@ -112,7 +112,11 @@ const TokenStats = () => {
)
return (
<TrBody key={bank.name}>
<TrBody
className="default-transition md:hover:cursor-pointer md:hover:bg-th-bkg-2"
key={bank.name}
onClick={() => goToTokenPage(bank)}
>
<Td>
<div className="flex items-center">
<div className="mr-2.5 flex flex-shrink-0 items-center">
@ -196,12 +200,7 @@ const TokenStats = () => {
</Td>
<Td>
<div className="flex justify-end">
<IconButton
onClick={() => goToTokenPage(bank)}
size="small"
>
<ChevronRightIcon className="h-5 w-5" />
</IconButton>
<ChevronRightIcon className="h-5 w-5 text-th-fgd-3" />
</div>
</Td>
</TrBody>