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
6aee7224
Commit
6aee7224
authored
Feb 06, 2023
by
isstuev
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix sticky header top
parent
30f609ca
Changes
11
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
20 additions
and
13 deletions
+20
-13
AddressBlocksValidated.tsx
ui/address/AddressBlocksValidated.tsx
+1
-1
AddressTokenTransfers.tsx
ui/address/AddressTokenTransfers.tsx
+1
-1
AddressCoinBalanceHistory.tsx
ui/address/coinBalance/AddressCoinBalanceHistory.tsx
+1
-1
AddressesTable.tsx
ui/addresses/AddressesTable.tsx
+3
-2
BlocksContent.tsx
ui/blocks/BlocksContent.tsx
+6
-2
Accounts.tsx
ui/pages/Accounts.tsx
+1
-0
TokenHolders.tsx
ui/token/TokenHolders/TokenHolders.tsx
+1
-1
TokenHoldersTable.pw.tsx
ui/token/TokenHolders/TokenHoldersTable.pw.tsx
+1
-1
TokenHoldersTable.tsx
ui/token/TokenHolders/TokenHoldersTable.tsx
+3
-2
TokenTransfer.tsx
ui/token/TokenTransfer/TokenTransfer.tsx
+1
-1
TxTokenTransfer.tsx
ui/tx/TxTokenTransfer.tsx
+1
-1
No files found.
ui/address/AddressBlocksValidated.tsx
View file @
6aee7224
...
...
@@ -97,7 +97,7 @@ const AddressBlocksValidated = ({ scrollRef }: Props) => {
<>
<
Hide
below=
"lg"
ssr=
{
false
}
>
<
Table
variant=
"simple"
size=
"sm"
>
<
Thead
top=
{
8
0
}
>
<
Thead
top=
{
query
.
isPaginationVisible
?
80
:
0
}
>
<
Tr
>
<
Th
width=
"17%"
>
Block
</
Th
>
<
Th
width=
"17%"
>
Age
</
Th
>
...
...
ui/address/AddressTokenTransfers.tsx
View file @
6aee7224
...
...
@@ -196,7 +196,7 @@ const AddressTokenTransfers = ({ scrollRef }: {scrollRef?: React.RefObject<HTMLD
data=
{
items
}
baseAddress=
{
currentAddress
}
showTxInfo
top=
{
80
}
top=
{
isActionBarHidden
?
0
:
80
}
enableTimeIncrement
showSocketInfo=
{
pagination
.
page
===
1
&&
!
tokenFilter
}
socketInfoAlert=
{
socketAlert
}
...
...
ui/address/coinBalance/AddressCoinBalanceHistory.tsx
View file @
6aee7224
...
...
@@ -47,7 +47,7 @@ const AddressCoinBalanceHistory = ({ query }: Props) => {
<>
<
Hide
below=
"lg"
ssr=
{
false
}
>
<
Table
variant=
"simple"
size=
"sm"
>
<
Thead
top=
{
8
0
}
>
<
Thead
top=
{
query
.
isPaginationVisible
?
80
:
0
}
>
<
Tr
>
<
Th
width=
"20%"
>
Block
</
Th
>
<
Th
width=
"20%"
>
Txn
</
Th
>
...
...
ui/addresses/AddressesTable.tsx
View file @
6aee7224
...
...
@@ -12,13 +12,14 @@ interface Props {
items
:
Array
<
AddressesItem
>
;
totalSupply
:
string
;
pageStartIndex
:
number
;
top
:
number
;
}
const
AddressesTable
=
({
items
,
totalSupply
,
pageStartIndex
}:
Props
)
=>
{
const
AddressesTable
=
({
items
,
totalSupply
,
pageStartIndex
,
top
}:
Props
)
=>
{
const
hasPercentage
=
Boolean
(
totalSupply
&&
totalSupply
!==
'
0
'
);
return
(
<
Table
variant=
"simple"
size=
"sm"
>
<
Thead
top=
{
80
}
>
<
Thead
top=
{
top
}
>
<
Tr
>
<
Th
width=
"64px"
>
Rank
</
Th
>
<
Th
width=
{
hasPercentage
?
'
30%
'
:
'
40%
'
}
>
Address
</
Th
>
...
...
ui/blocks/BlocksContent.tsx
View file @
6aee7224
...
...
@@ -101,8 +101,12 @@ const BlocksContent = ({ type, query }: Props) => {
return
(
<>
{
socketAlert
&&
<
Alert
status=
"warning"
mb=
{
6
}
as=
"a"
href=
{
window
.
document
.
location
.
href
}
>
{
socketAlert
}
</
Alert
>
}
<
Show
below=
"lg"
key=
"content-mobile"
ssr=
{
false
}
><
BlocksList
data=
{
query
.
data
.
items
}
/></
Show
>
<
Hide
below=
"lg"
key=
"content-desktop"
ssr=
{
false
}
><
BlocksTable
data=
{
query
.
data
.
items
}
top=
{
80
}
page=
{
1
}
/></
Hide
>
<
Show
below=
"lg"
key=
"content-mobile"
ssr=
{
false
}
>
<
BlocksList
data=
{
query
.
data
.
items
}
/>
</
Show
>
<
Hide
below=
"lg"
key=
"content-desktop"
ssr=
{
false
}
>
<
BlocksTable
data=
{
query
.
data
.
items
}
top=
{
query
.
isPaginationVisible
?
80
:
0
}
page=
{
query
.
pagination
.
page
}
/>
</
Hide
>
</>
);
...
...
ui/pages/Accounts.tsx
View file @
6aee7224
...
...
@@ -47,6 +47,7 @@ const Accounts = () => {
{
bar
}
<
Hide
below=
"lg"
ssr=
{
false
}
>
<
AddressesTable
top=
{
isPaginationVisible
?
80
:
0
}
items=
{
data
.
items
}
totalSupply=
{
data
.
total_supply
}
pageStartIndex=
{
pageStartIndex
}
...
...
ui/token/TokenHolders/TokenHolders.tsx
View file @
6aee7224
...
...
@@ -57,7 +57,7 @@ const TokenHoldersContent = ({ holdersQuery, tokenQuery }: Props) => {
return
(
<>
{
bar
}
{
!
isMobile
&&
<
TokenHoldersTable
data=
{
items
}
token=
{
tokenQuery
.
data
}
/>
}
{
!
isMobile
&&
<
TokenHoldersTable
data=
{
items
}
token=
{
tokenQuery
.
data
}
top=
{
holdersQuery
.
isPaginationVisible
?
80
:
0
}
/>
}
{
isMobile
&&
<
TokenHoldersList
data=
{
items
}
token=
{
tokenQuery
.
data
}
/>
}
</>
);
...
...
ui/token/TokenHolders/TokenHoldersTable.pw.tsx
View file @
6aee7224
...
...
@@ -12,7 +12,7 @@ test('base view', async({ mount }) => {
const
component
=
await
mount
(
<
TestApp
>
<
Box
h=
"128px"
/>
<
TokenHoldersTable
data=
{
tokenHolders
.
items
}
token=
{
tokenInfo
}
/>
<
TokenHoldersTable
data=
{
tokenHolders
.
items
}
token=
{
tokenInfo
}
top=
{
80
}
/>
</
TestApp
>,
);
...
...
ui/token/TokenHolders/TokenHoldersTable.tsx
View file @
6aee7224
...
...
@@ -9,12 +9,13 @@ import TokenHoldersTableItem from 'ui/token/TokenHolders/TokenHoldersTableItem';
interface
Props
{
data
:
Array
<
TokenHolder
>
;
token
:
TokenInfo
;
top
:
number
;
}
const
TokenHoldersTable
=
({
data
,
token
}:
Props
)
=>
{
const
TokenHoldersTable
=
({
data
,
token
,
top
}:
Props
)
=>
{
return
(
<
Table
variant=
"simple"
size=
"sm"
>
<
Thead
top=
{
80
}
>
<
Thead
top=
{
top
}
>
<
Tr
>
<
Th
>
Holder
</
Th
>
<
Th
isNumeric
width=
"300px"
>
Quantity
</
Th
>
...
...
ui/token/TokenTransfer/TokenTransfer.tsx
View file @
6aee7224
...
...
@@ -91,7 +91,7 @@ const TokenTransfer = ({ transfersQuery, token }: Props) => {
<Hide below="lg" ssr={ false }>
<TokenTransferTable
data={ items }
top={
8
0 }
top={
isPaginationVisible ? 80 :
0 }
// token transfers query depends on token data
// so if we are here, we definitely have token data
token={ token as TokenInfo }
...
...
ui/tx/TxTokenTransfer.tsx
View file @
6aee7224
...
...
@@ -84,7 +84,7 @@ const TxTokenTransfer = () => {
return
(
<>
<
Hide
below=
"lg"
ssr=
{
false
}
>
<
TokenTransferTable
data=
{
items
}
top=
{
80
}
/>
<
TokenTransferTable
data=
{
items
}
top=
{
isActionBarHidden
?
0
:
80
}
/>
</
Hide
>
<
Show
below=
"lg"
ssr=
{
false
}
>
<
TokenTransferList
data=
{
items
}
/>
...
...
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