Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
F
frontend
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
vicotor
frontend
Commits
dfaa09ff
Commit
dfaa09ff
authored
Sep 02, 2025
by
adadachao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
mainnet up
parent
a2191f3a
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
66 additions
and
54 deletions
+66
-54
.env.base
configs/envs/.env.base
+4
-4
BlocksTable.tsx
ui/blocks/BlocksTable.tsx
+11
-7
BlocksTableItem.tsx
ui/blocks/BlocksTableItem.tsx
+24
-20
LatestBlocksItem.tsx
ui/home/LatestBlocksItem.tsx
+27
-23
No files found.
configs/envs/.env.base
View file @
dfaa09ff
...
@@ -12,7 +12,7 @@ NEXT_PUBLIC_API_WEBSOCKET_PROTOCOL=wss
...
@@ -12,7 +12,7 @@ NEXT_PUBLIC_API_WEBSOCKET_PROTOCOL=wss
# Instance ENVs
# Instance ENVs
NEXT_PUBLIC_ADMIN_SERVICE_API_HOST=https://admin-rs.services.blockscout.com
NEXT_PUBLIC_ADMIN_SERVICE_API_HOST=https://admin-rs.services.blockscout.com
NEXT_PUBLIC_API_BASE_PATH=/
NEXT_PUBLIC_API_BASE_PATH=/
NEXT_PUBLIC_API_HOST=scan.m
ars.m
ovachain.com
NEXT_PUBLIC_API_HOST=scan.movachain.com
NEXT_PUBLIC_API_SPEC_URL=https://raw.githubusercontent.com/blockscout/blockscout-api-v2-swagger/main/swagger.yaml
NEXT_PUBLIC_API_SPEC_URL=https://raw.githubusercontent.com/blockscout/blockscout-api-v2-swagger/main/swagger.yaml
NEXT_PUBLIC_CONTRACT_CODE_IDES=[{'title':'Remix IDE','url':'https://remix.ethereum.org/?address={hash}&blockscout={domain}','icon_url':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/ide-icons/remix.png'}]
NEXT_PUBLIC_CONTRACT_CODE_IDES=[{'title':'Remix IDE','url':'https://remix.ethereum.org/?address={hash}&blockscout={domain}','icon_url':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/ide-icons/remix.png'}]
NEXT_PUBLIC_CONTRACT_INFO_API_HOST=https://contracts-info.services.blockscout.com
NEXT_PUBLIC_CONTRACT_INFO_API_HOST=https://contracts-info.services.blockscout.com
...
@@ -46,14 +46,14 @@ NEXT_PUBLIC_MULTICHAIN_BALANCE_PROVIDER_CONFIG=[{'name': 'zerion', 'url_template
...
@@ -46,14 +46,14 @@ NEXT_PUBLIC_MULTICHAIN_BALANCE_PROVIDER_CONFIG=[{'name': 'zerion', 'url_template
NEXT_PUBLIC_NAME_SERVICE_API_HOST=https://bens.services.blockscout.com
NEXT_PUBLIC_NAME_SERVICE_API_HOST=https://bens.services.blockscout.com
NEXT_PUBLIC_NAVIGATION_HIGHLIGHTED_ROUTES=['/pools']
NEXT_PUBLIC_NAVIGATION_HIGHLIGHTED_ROUTES=['/pools']
NEXT_PUBLIC_NETWORK_CURRENCY_DECIMALS=18
NEXT_PUBLIC_NETWORK_CURRENCY_DECIMALS=18
NEXT_PUBLIC_NETWORK_CURRENCY_NAME=MARS
Test
net GasCoin
NEXT_PUBLIC_NETWORK_CURRENCY_NAME=MARS
Main
net GasCoin
NEXT_PUBLIC_NETWORK_CURRENCY_SYMBOL=MARS
NEXT_PUBLIC_NETWORK_CURRENCY_SYMBOL=MARS
NEXT_PUBLIC_NETWORK_EXPLORERS=[{'title':'Moralis','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/moralis.png','baseUrl':'https://moralis.com/','paths':{'token':'/chain/base/token/price'}},{'title':'GeckoTerminal','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/geckoterminal.png','baseUrl':'https://www.geckoterminal.com/','paths':{'token':'/base/pools'}},{'title':'Tenderly','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/tenderly.png','baseUrl':'https://dashboard.tenderly.co','paths':{'tx':'/tx/base'}},{'title':'3xpl','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/3xpl.png','baseUrl':'https://3xpl.com/','paths':{'tx':'/base/transaction','address':'/base/address'}}]
NEXT_PUBLIC_NETWORK_EXPLORERS=[{'title':'Moralis','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/moralis.png','baseUrl':'https://moralis.com/','paths':{'token':'/chain/base/token/price'}},{'title':'GeckoTerminal','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/geckoterminal.png','baseUrl':'https://www.geckoterminal.com/','paths':{'token':'/base/pools'}},{'title':'Tenderly','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/tenderly.png','baseUrl':'https://dashboard.tenderly.co','paths':{'tx':'/tx/base'}},{'title':'3xpl','logo':'https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/explorer-logos/3xpl.png','baseUrl':'https://3xpl.com/','paths':{'tx':'/base/transaction','address':'/base/address'}}]
NEXT_PUBLIC_NETWORK_ICON=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-icons/base.svg
NEXT_PUBLIC_NETWORK_ICON=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-icons/base.svg
NEXT_PUBLIC_NETWORK_ID=
10323
NEXT_PUBLIC_NETWORK_ID=
61900
NEXT_PUBLIC_NETWORK_LOGO=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-logos/base.svg
NEXT_PUBLIC_NETWORK_LOGO=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/network-logos/base.svg
NEXT_PUBLIC_NETWORK_NAME=Mova Beta
NEXT_PUBLIC_NETWORK_NAME=Mova Beta
NEXT_PUBLIC_NETWORK_RPC_URL=https://rpc.mova
.bitheart.org
NEXT_PUBLIC_NETWORK_RPC_URL=https://rpc.mova
chain.com
NEXT_PUBLIC_NETWORK_SHORT_NAME=Mova Beta
NEXT_PUBLIC_NETWORK_SHORT_NAME=Mova Beta
NEXT_PUBLIC_NETWORK_VERIFICATION_TYPE=validation
NEXT_PUBLIC_NETWORK_VERIFICATION_TYPE=validation
NEXT_PUBLIC_OG_ENHANCED_DATA_ENABLED=true
NEXT_PUBLIC_OG_ENHANCED_DATA_ENABLED=true
...
...
ui/blocks/BlocksTable.tsx
View file @
dfaa09ff
...
@@ -53,15 +53,19 @@ const BlocksTable = ({ data, isLoading, top, page, showSocketInfo, socketInfoNum
...
@@ -53,15 +53,19 @@ const BlocksTable = ({ data, isLoading, top, page, showSocketInfo, socketInfoNum
<
TimeFormatToggle
/>
<
TimeFormatToggle
/>
</
TableColumnHeader
>
</
TableColumnHeader
>
<
TableColumnHeader
width=
"120px"
>
Size, bytes
</
TableColumnHeader
>
<
TableColumnHeader
width=
"120px"
>
Size, bytes
</
TableColumnHeader
>
{
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
miner
&&
(
{
<
TableColumnHeader
width=
{
`${ VALIDATOR_COL_WEIGHT / widthBase * 100 }%`
}
minW=
"160px"
>
// !config.UI.views.block.hiddenFields?.miner && (
{
capitalize
(
getNetworkValidatorTitle
())
}
// <TableColumnHeader width=
{
`${ VALIDATOR_COL_WEIGHT / widthBase * 100 }%`
}
minW
=
"
160px
"
>
</
TableColumnHeader
>
//
{
capitalize
(
getNetworkValidatorTitle
())
}
)
}
// </TableColumnHeader>
// )
}
<
TableColumnHeader
width=
"64px"
isNumeric
>
Txn
</
TableColumnHeader
>
<
TableColumnHeader
width=
"64px"
isNumeric
>
Txn
</
TableColumnHeader
>
<
TableColumnHeader
width=
{
`${ GAS_COL_WEIGHT / widthBase * 100 }%`
}
>
Gas used
</
TableColumnHeader
>
<
TableColumnHeader
width=
{
`${ GAS_COL_WEIGHT / widthBase * 100 }%`
}
>
Gas used
</
TableColumnHeader
>
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
total_reward
&&
{
<
TableColumnHeader
width=
{
`${ REWARD_COL_WEIGHT / widthBase * 100 }%`
}
>
Reward
{
currencyUnits
.
ether
}
</
TableColumnHeader
>
}
// !isRollup && !config.UI.views.block.hiddenFields?.total_reward &&
// <TableColumnHeader width=
{
`${ REWARD_COL_WEIGHT / widthBase * 100 }%`
}
>
Reward
{
currencyUnits
.
ether
}<
/
TableColumnHeader
>
}
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
burnt_fees
&&
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
burnt_fees
&&
<
TableColumnHeader
width=
{
`${ FEES_COL_WEIGHT / widthBase * 100 }%`
}
>
Burnt fees
{
currencyUnits
.
ether
}
</
TableColumnHeader
>
}
<
TableColumnHeader
width=
{
`${ FEES_COL_WEIGHT / widthBase * 100 }%`
}
>
Burnt fees
{
currencyUnits
.
ether
}
</
TableColumnHeader
>
}
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
base_fee
&&
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
base_fee
&&
...
...
ui/blocks/BlocksTableItem.tsx
View file @
dfaa09ff
...
@@ -7,14 +7,14 @@ import type { Block } from 'types/api/block';
...
@@ -7,14 +7,14 @@ import type { Block } from 'types/api/block';
import
{
route
}
from
'
nextjs-routes
'
;
import
{
route
}
from
'
nextjs-routes
'
;
import
config
from
'
configs/app
'
;
import
config
from
'
configs/app
'
;
import
getBlockTotalReward
from
'
lib/block/getBlockTotalReward
'
;
//
import getBlockTotalReward from 'lib/block/getBlockTotalReward';
import
{
Link
}
from
'
toolkit/chakra/link
'
;
import
{
Link
}
from
'
toolkit/chakra/link
'
;
import
{
Skeleton
}
from
'
toolkit/chakra/skeleton
'
;
import
{
Skeleton
}
from
'
toolkit/chakra/skeleton
'
;
import
{
TableCell
,
TableRow
}
from
'
toolkit/chakra/table
'
;
import
{
TableCell
,
TableRow
}
from
'
toolkit/chakra/table
'
;
import
{
Tooltip
}
from
'
toolkit/chakra/tooltip
'
;
import
{
Tooltip
}
from
'
toolkit/chakra/tooltip
'
;
import
{
WEI
}
from
'
toolkit/utils/consts
'
;
import
{
WEI
}
from
'
toolkit/utils/consts
'
;
import
BlockGasUsed
from
'
ui/shared/block/BlockGasUsed
'
;
import
BlockGasUsed
from
'
ui/shared/block/BlockGasUsed
'
;
import
AddressEntity
from
'
ui/shared/entities/address/AddressEntity
'
;
//
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
import
BlockEntity
from
'
ui/shared/entities/block/BlockEntity
'
;
import
BlockEntity
from
'
ui/shared/entities/block/BlockEntity
'
;
import
IconSvg
from
'
ui/shared/IconSvg
'
;
import
IconSvg
from
'
ui/shared/IconSvg
'
;
import
TimeWithTooltip
from
'
ui/shared/time/TimeWithTooltip
'
;
import
TimeWithTooltip
from
'
ui/shared/time/TimeWithTooltip
'
;
...
@@ -32,7 +32,7 @@ interface Props {
...
@@ -32,7 +32,7 @@ interface Props {
const
isRollup
=
config
.
features
.
rollup
.
isEnabled
;
const
isRollup
=
config
.
features
.
rollup
.
isEnabled
;
const
BlocksTableItem
=
({
data
,
isLoading
,
enableTimeIncrement
,
animation
}:
Props
)
=>
{
const
BlocksTableItem
=
({
data
,
isLoading
,
enableTimeIncrement
,
animation
}:
Props
)
=>
{
const
totalReward
=
getBlockTotalReward
(
data
);
//
const totalReward = getBlockTotalReward(data);
const
burntFees
=
BigNumber
(
data
.
burnt_fees
||
0
);
const
burntFees
=
BigNumber
(
data
.
burnt_fees
||
0
);
const
txFees
=
BigNumber
(
data
.
transaction_fees
||
0
);
const
txFees
=
BigNumber
(
data
.
transaction_fees
||
0
);
const
baseFeeValue
=
getBaseFeeValue
(
data
.
base_fee_per_gas
);
const
baseFeeValue
=
getBaseFeeValue
(
data
.
base_fee_per_gas
);
...
@@ -72,16 +72,18 @@ const BlocksTableItem = ({ data, isLoading, enableTimeIncrement, animation }: Pr
...
@@ -72,16 +72,18 @@ const BlocksTableItem = ({ data, isLoading, enableTimeIncrement, animation }: Pr
{
data
.
size
.
toLocaleString
()
}
{
data
.
size
.
toLocaleString
()
}
</
Skeleton
>
</
Skeleton
>
</
TableCell
>
</
TableCell
>
{
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
miner
&&
(
{
<
TableCell
>
// !config.UI.views.block.hiddenFields?.miner && (
<
AddressEntity
// <TableCell >
address=
{
data
.
miner
}
// <AddressEntity
isLoading=
{
isLoading
}
// address=
{
data
.
miner
}
truncation=
"constant"
// isLoading=
{
isLoading
}
maxW=
"min-content"
// truncation="constant"
/>
// maxW="min-content"
</
TableCell
>
// />
)
}
// </TableCell>
// )
}
<
TableCell
isNumeric
>
<
TableCell
isNumeric
>
{
data
.
transactions_count
>
0
?
(
{
data
.
transactions_count
>
0
?
(
<
Skeleton
loading=
{
isLoading
}
display=
"inline-block"
>
<
Skeleton
loading=
{
isLoading
}
display=
"inline-block"
>
...
@@ -105,13 +107,15 @@ const BlocksTableItem = ({ data, isLoading, enableTimeIncrement, animation }: Pr
...
@@ -105,13 +107,15 @@ const BlocksTableItem = ({ data, isLoading, enableTimeIncrement, animation }: Pr
/>
/>
</
Flex
>
</
Flex
>
</
TableCell
>
</
TableCell
>
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
total_reward
&&
(
{
<
TableCell
>
// !isRollup && !config.UI.views.block.hiddenFields?.total_reward && (
<
Skeleton
loading=
{
isLoading
}
display=
"inline-block"
>
// <TableCell >
{
totalReward
.
toFixed
(
8
)
}
// <Skeleton loading=
{
isLoading
}
display
=
"
inline-block
"
>
</
Skeleton
>
//
{
totalReward
.
toFixed
(
8
)
}
</
TableCell
>
// </Skeleton>
)
}
// </TableCell>
// )
}
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
burnt_fees
&&
(
{
!
isRollup
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
burnt_fees
&&
(
<
TableCell
>
<
TableCell
>
<
Flex
alignItems=
"center"
columnGap=
{
2
}
>
<
Flex
alignItems=
"center"
columnGap=
{
2
}
>
...
...
ui/home/LatestBlocksItem.tsx
View file @
dfaa09ff
...
@@ -3,12 +3,12 @@ import React from 'react';
...
@@ -3,12 +3,12 @@ import React from 'react';
import
type
{
Block
}
from
'
types/api/block
'
;
import
type
{
Block
}
from
'
types/api/block
'
;
import
config
from
'
configs/app
'
;
//
import config from 'configs/app';
import
getBlockTotalReward
from
'
lib/block/getBlockTotalReward
'
;
//
import getBlockTotalReward from 'lib/block/getBlockTotalReward';
import
getNetworkValidatorTitle
from
'
lib/networks/getNetworkValidatorTitle
'
;
//
import getNetworkValidatorTitle from 'lib/networks/getNetworkValidatorTitle';
import
{
Skeleton
}
from
'
toolkit/chakra/skeleton
'
;
import
{
Skeleton
}
from
'
toolkit/chakra/skeleton
'
;
import
{
Tooltip
}
from
'
toolkit/chakra/tooltip
'
;
import
{
Tooltip
}
from
'
toolkit/chakra/tooltip
'
;
import
AddressEntity
from
'
ui/shared/entities/address/AddressEntity
'
;
//
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
import
BlockEntity
from
'
ui/shared/entities/block/BlockEntity
'
;
import
BlockEntity
from
'
ui/shared/entities/block/BlockEntity
'
;
import
IconSvg
from
'
ui/shared/IconSvg
'
;
import
IconSvg
from
'
ui/shared/IconSvg
'
;
import
TimeWithTooltip
from
'
ui/shared/time/TimeWithTooltip
'
;
import
TimeWithTooltip
from
'
ui/shared/time/TimeWithTooltip
'
;
...
@@ -20,7 +20,7 @@ type Props = {
...
@@ -20,7 +20,7 @@ type Props = {
};
};
const
LatestBlocksItem
=
({
block
,
isLoading
,
animation
}:
Props
)
=>
{
const
LatestBlocksItem
=
({
block
,
isLoading
,
animation
}:
Props
)
=>
{
const
totalReward
=
getBlockTotalReward
(
block
);
//
const totalReward = getBlockTotalReward(block);
return
(
return
(
<
Box
<
Box
animation=
{
animation
}
animation=
{
animation
}
...
@@ -59,25 +59,29 @@ const LatestBlocksItem = ({ block, isLoading, animation }: Props) => {
...
@@ -59,25 +59,29 @@ const LatestBlocksItem = ({ block, isLoading, animation }: Props) => {
<
Skeleton
loading=
{
isLoading
}
>
Txn
</
Skeleton
>
<
Skeleton
loading=
{
isLoading
}
>
Txn
</
Skeleton
>
<
Skeleton
loading=
{
isLoading
}
color=
"text.secondary"
><
span
>
{
block
.
transactions_count
}
</
span
></
Skeleton
>
<
Skeleton
loading=
{
isLoading
}
color=
"text.secondary"
><
span
>
{
block
.
transactions_count
}
</
span
></
Skeleton
>
{
!
config
.
features
.
rollup
.
isEnabled
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
total_reward
&&
(
{
<>
// !config.features.rollup.isEnabled && !config.UI.views.block.hiddenFields?.total_reward && (
<
Skeleton
loading=
{
isLoading
}
>
Reward
</
Skeleton
>
// <>
<
Skeleton
loading=
{
isLoading
}
color=
"text.secondary"
><
span
>
{
totalReward
.
dp
(
10
).
toFixed
()
}
</
span
></
Skeleton
>
// <Skeleton loading=
{
isLoading
}
>
Reward
<
/Skeleton
>
</>
// <Skeleton loading=
{
isLoading
}
color
=
"
text.secondary
"
>
<
span
>
{
totalReward
.
dp
(
10
).
toFixed
()
}
</
span
><
/
Skeleton
>
)
}
//
</>
// )
}
{
!
config
.
features
.
rollup
.
isEnabled
&&
!
config
.
UI
.
views
.
block
.
hiddenFields
?.
miner
&&
(
{
<>
// !config.features.rollup.isEnabled && !config.UI.views.block.hiddenFields?.miner && (
<
Skeleton
loading=
{
isLoading
}
textTransform=
"capitalize"
>
{
getNetworkValidatorTitle
()
}
</
Skeleton
>
// <>
<
AddressEntity
// <Skeleton loading=
{
isLoading
}
textTransform
=
"
capitalize
"
>
{
getNetworkValidatorTitle
()
}<
/
Skeleton
>
address=
{
block
.
miner
}
//
<
AddressEntity
isLoading=
{
isLoading
}
// address=
{
block
.
miner
}
noIcon
// isLoading=
{
isLoading
}
noCopy
// noIcon
truncation=
"constant"
// noCopy
/>
// truncation="constant"
</>
// />
)
}
// </>
// )
}
</
Grid
>
</
Grid
>
</
Box
>
</
Box
>
);
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment