Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
I
interface
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
LuckySwap
interface
Commits
3bb55c6b
Unverified
Commit
3bb55c6b
authored
Sep 27, 2023
by
eddie
Committed by
GitHub
Sep 27, 2023
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: hide price when no amount input (#7379)
* fix: hide price when no amount input * fix: snapshots
parent
71212f7e
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
444 additions
and
560 deletions
+444
-560
index.test.tsx.snap
src/pages/Landing/__snapshots__/index.test.tsx.snap
+440
-558
index.tsx
src/pages/Swap/index.tsx
+4
-2
No files found.
src/pages/Landing/__snapshots__/index.test.tsx.snap
View file @
3bb55c6b
...
...
@@ -30,7 +30,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border-radius: 4px;
}
.c
50
{
.c
47
{
box-sizing: border-box;
margin: 0;
min-width: 0;
...
...
@@ -71,24 +71,6 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: flex-start;
}
.c49 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 8px;
}
.c9 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
...
...
@@ -110,7 +92,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
color: #7D7D7D;
}
.c
102
{
.c
99
{
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
...
...
@@ -121,15 +103,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
font-weight: 500;
}
.c
102
:hover {
.c
99
:hover {
opacity: 0.6;
}
.c
102
:active {
.c
99
:active {
opacity: 0.4;
}
.c
100
{
.c
97
{
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
...
...
@@ -140,36 +122,36 @@ exports[`disable nft on landing page does not render nft information and card 1`
font-weight: 500;
}
.c
100
:hover {
.c
97
:hover {
opacity: 0.6;
}
.c
100
:active {
.c
97
:active {
opacity: 0.4;
}
.c9
3
{
.c9
0
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c9
4
{
.c9
1
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c9
5
{
.c9
2
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c8
7
{
.c8
4
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -182,7 +164,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 1440px;
}
.c8
8
{
.c8
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -192,24 +174,24 @@ exports[`disable nft on landing page does not render nft information and card 1`
flex-direction: column;
}
.c8
9
{
.c8
6
{
display: none;
}
.c10
4
{
.c10
1
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c
90
{
.c
87
{
width: 72px;
height: 72px;
display: none;
}
.c
91
{
.c
88
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -222,20 +204,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 20px 0 0 0;
}
.c
92
{
.c
89
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c9
7
{
.c9
4
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.c9
8
{
.c9
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -248,32 +230,32 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 20px 0 0 0;
}
.c9
9
{
.c9
6
{
font-size: 16px;
line-height: 20px;
font-weight: 535;
}
.c10
3
{
.c10
0
{
font-size: 16px;
line-height: 20px;
color: #7D7D7D;
}
.c
101
{
.c
98
{
font-size: 16px;
line-height: 20px;
color: #7D7D7D;
}
.c9
6
{
.c9
3
{
font-size: 16px;
line-height: 20px;
margin: 1rem 0 0 0;
color: #CECECE;
}
.c
70
{
.c
67
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -301,11 +283,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease border;
}
.c
70
:hover {
.c
67
:hover {
border: 1px solid #CECECE;
}
.c7
6
{
.c7
3
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -333,11 +315,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease border;
}
.c7
6
:hover {
.c7
3
:hover {
border: 1px solid #CECECE;
}
.c
71
{
.c
68
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -352,13 +334,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: space-between;
}
.c
72
{
.c
69
{
font-size: 20px;
line-height: 28px;
font-weight: 535;
}
.c7
3
{
.c7
0
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -373,7 +355,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 480px;
}
.c7
7
{
.c7
4
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -388,7 +370,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 480px;
}
.c7
4
{
.c7
1
{
color: #FC72FF;
font-weight: 535;
margin: 24px 0 0;
...
...
@@ -397,18 +379,18 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity;
}
.c7
4
:hover {
.c7
1
:hover {
opacity: 0.6;
}
.c7
8
{
.c7
5
{
min-width: 20px;
min-height: 20px;
max-height: 48px;
max-width: 48px;
}
.c5
3
{
.c5
0
{
background-color: transparent;
bottom: 0;
border-radius: inherit;
...
...
@@ -479,7 +461,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
text-decoration: none;
}
.c8
4
{
.c8
1
{
padding: 16px;
width: 200px;
line-height: 24px;
...
...
@@ -518,58 +500,58 @@ exports[`disable nft on landing page does not render nft information and card 1`
transform: perspective(1px) translateZ(0);
}
.c8
4
:disabled {
.c8
1
:disabled {
opacity: 50%;
cursor: auto;
pointer-events: none;
}
.c8
4
> * {
.c8
1
> * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c8
4
> a {
.c8
1
> a {
-webkit-text-decoration: none;
text-decoration: none;
}
.c
51
{
.c
48
{
background-color: #FFEFFF;
color: #FC72FF;
font-size: 20px;
font-weight: 535;
}
.c
51
:focus {
.c
48
:focus {
box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF;
}
.c
51
:hover {
.c
48
:hover {
background-color: #FFEFFF;
}
.c
51
:active {
.c
48
:active {
box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF;
}
.c
51:hover .c52
{
.c
48:hover .c49
{
background-color: #98A1C014;
}
.c
51:active .c52
{
.c
48:active .c49
{
background-color: #B8C0DC3d;
}
.c
51
:disabled {
.c
48
:disabled {
opacity: 0.4;
}
.c
51
:disabled:hover {
.c
48
:disabled:hover {
cursor: auto;
background-color: transparent;
box-shadow: none;
...
...
@@ -593,7 +575,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background-color: #e0e0e0;
}
.c8
5
{
.c8
2
{
background-color: transparent;
color: #FC72FF;
display: -webkit-box;
...
...
@@ -610,22 +592,22 @@ exports[`disable nft on landing page does not render nft information and card 1`
align-items: center;
}
.c8
5
:focus {
.c8
2
:focus {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c8
5
:hover {
.c8
2
:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.c8
5
:active {
.c8
2
:active {
-webkit-text-decoration: none;
text-decoration: none;
}
.c8
5
:disabled {
.c8
2
:disabled {
opacity: 50%;
cursor: auto;
}
...
...
@@ -659,7 +641,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
cursor: auto;
}
.c7
9
{
.c7
6
{
height: 340px;
width: 100%;
border-radius: 32px;
...
...
@@ -685,7 +667,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%);
}
.c
80
{
.c
77
{
color: white;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -699,20 +681,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
flex-direction: column;
}
.c
81
{
.c
78
{
font-weight: 535;
font-size: 28px;
line-height: 36px;
}
.c
82
{
.c
79
{
margin: 10px 10px 0 0;
font-weight: 535;
font-size: 16px;
line-height: 20px;
}
.c8
3
{
.c8
0
{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -726,16 +708,16 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity;
}
.c8
3
:hover {
.c8
0
:hover {
opacity: 0.6;
}
.c8
6
{
.c8
3
{
color: white;
border: 1px solid white;
}
.c4
5
{
.c4
3
{
display: grid;
grid-auto-rows: auto;
grid-row-gap: 4px;
...
...
@@ -749,21 +731,6 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: opacity 250ms ease-in-out;
}
.c41 {
border-radius: 12px;
border-radius: 12px;
height: 24px;
width: 50%;
width: 50%;
-webkit-animation: fAQEyV 1.5s infinite;
animation: fAQEyV 1.5s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background: linear-gradient( to left, #22222212 25%, rgba(53,53,53,0.07) 50%, #22222212 75% );
will-change: background-position;
background-size: 400%;
}
.c14 {
display: inline-block;
height: inherit;
...
...
@@ -846,12 +813,6 @@ exports[`disable nft on landing page does not render nft information and card 1`
color: #CECECE;
}
.c42 {
border-radius: 4px;
width: 4rem;
height: 1rem;
}
.c24 {
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -932,7 +893,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background-color: #B8C0DC3d;
}
.c4
7
{
.c4
5
{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
...
...
@@ -965,12 +926,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
animation: none;
}
.c4
7
:hover,
.c4
7
:active {
.c4
5
:hover,
.c4
5
:active {
background-color: #FC72FF;
}
.c4
7
:before {
.c4
5
:before {
background-size: 100%;
border-radius: inherit;
position: absolute;
...
...
@@ -981,11 +942,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
content: '';
}
.c4
7
:hover:before {
.c4
5
:hover:before {
background-color: #98A1C014;
}
.c4
7
:active:before {
.c4
5
:active:before {
background-color: #B8C0DC3d;
}
...
...
@@ -1065,13 +1026,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
stroke-width: 2px;
}
.c4
8
{
.c4
6
{
margin: 0 0.25rem 0 0.35rem;
height: 35%;
margin-left: 8px;
}
.c4
8
path {
.c4
6
path {
stroke: #FFFFFF;
stroke-width: 2px;
}
...
...
@@ -1139,7 +1100,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
padding-top: 12px;
}
.c4
3
{
.c4
1
{
border-radius: 12px;
height: 40px;
width: 40px;
...
...
@@ -1154,7 +1115,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
z-index: 2;
}
.c4
3
:hover {
.c4
1
:hover {
cursor: pointer;
opacity: 0.8;
}
...
...
@@ -1216,7 +1177,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
gap: 16px;
}
.c4
4
{
.c4
2
{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
...
...
@@ -1267,7 +1228,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border-color: #B8C0DC3d;
}
.c4
6
{
.c4
4
{
border-bottom: 1px solid #FFFFFF;
}
...
...
@@ -1294,7 +1255,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
overflow-x: hidden;
}
.c5
4
{
.c5
1
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -1318,7 +1279,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: calc(100vh - 48px);
}
.c5
5
{
.c5
2
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -1339,7 +1300,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: calc(100vh - 48px);
}
.c5
6
{
.c5
3
{
position: absolute;
top: 68px;
bottom: 0;
...
...
@@ -1352,7 +1313,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: 100%;
}
.c5
7
{
.c5
4
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -1380,11 +1341,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
pointer-events: none;
}
.c5
7
* {
.c5
4
* {
pointer-events: auto;
}
.c5
8
{
.c5
5
{
color: transparent;
font-size: 36px;
line-height: 44px;
...
...
@@ -1396,7 +1357,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
-webkit-background-clip: text;
}
.c
60
{
.c
57
{
color: #7D7D7D;
font-size: 16px;
line-height: 24px;
...
...
@@ -1406,7 +1367,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 0 0 32px;
}
.c5
9
{
.c5
6
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -1417,12 +1378,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: center;
}
.c
62
{
.c
59
{
padding: 16px 0px;
border-radius: 24px;
}
.c6
3
{
.c6
0
{
background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%);
border: none;
color: #FFFFFF;
...
...
@@ -1430,24 +1391,24 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: all 250ms ease;
}
.c6
3
:hover {
.c6
0
:hover {
box-shadow: 0px 0px 16px 0px #ff00c7;
}
.c6
4
{
.c6
1
{
margin: 0px;
font-size: 16px;
font-weight: 535;
white-space: nowrap;
}
.c
61
{
.c
58
{
max-width: 300px;
width: 100%;
pointer-events: auto;
}
.c6
5
{
.c6
2
{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
...
...
@@ -1467,16 +1428,16 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity;
}
.c6
5
:hover {
.c6
2
:hover {
opacity: 0.6;
}
.c6
6
{
.c6
3
{
margin-left: 14px;
size: 20px;
}
.c6
8
{
.c6
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -1493,7 +1454,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%);
}
.c6
9
{
.c6
6
{
display: grid;
gap: 12px;
width: 100%;
...
...
@@ -1506,7 +1467,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
grid-template-columns: 1fr;
}
.c7
5
{
.c7
2
{
display: grid;
gap: 12px;
width: 100%;
...
...
@@ -1560,7 +1521,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
width: 100%;
}
.c6
7
{
.c6
4
{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
...
...
@@ -1576,12 +1537,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
text-align: center;
}
.c6
7
:hover {
.c6
4
:hover {
color: #CECECE;
}
@media screen and (min-width:1024px) {
.c8
7
{
.c8
4
{
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
...
...
@@ -1593,7 +1554,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:1024px) {
.c8
9
{
.c8
6
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -1602,63 +1563,63 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:1024px) {
.c10
4
{
.c10
1
{
display: none;
}
}
@media screen and (min-width:1024px) {
.c
90
{
.c
87
{
display: block;
}
}
@media screen and (min-width:1280px) {
.c9
7
{
.c9
4
{
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px;
}
}
@media screen and (min-width:1280px) {
.c9
8
{
.c9
5
{
margin: 0;
}
}
@media screen and (min-width:640px) {
.c
70
{
.c
67
{
height: 360px;
}
}
@media screen and (min-width:1280px) {
.c
70
{
.c
67
{
padding: 32px;
}
}
@media screen and (min-width:640px) {
.c7
6
{
.c7
3
{
height: 260px;
}
}
@media screen and (min-width:1280px) {
.c7
6
{
.c7
3
{
padding: 32px;
}
}
@media screen and (min-width:1024px) {
.c
72
{
.c
69
{
font-size: 28px;
line-height: 36px;
}
}
@media screen and (min-width:1280px) {
.c7
3
{
.c7
0
{
font-size: 20px;
line-height: 28px;
max-width: 480px;
...
...
@@ -1666,7 +1627,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:1280px) {
.c7
7
{
.c7
4
{
font-size: 20px;
line-height: 28px;
max-width: 480px;
...
...
@@ -1674,7 +1635,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:1024px) {
.c7
9
{
.c7
6
{
height: 140px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
...
...
@@ -1683,21 +1644,21 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:1280px) {
.c
81
{
.c
78
{
font-size: 28px;
line-height: 36px;
}
}
@media screen and (min-width:1280px) {
.c
82
{
.c
79
{
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width:1024px) {
.c8
3
{
.c8
0
{
width: auto;
}
}
...
...
@@ -1715,79 +1676,79 @@ exports[`disable nft on landing page does not render nft information and card 1`
}
@media screen and (min-width:768px) {
.c5
4
{
.c5
1
{
height: 100vh;
}
}
@media screen and (min-width:768px) {
.c5
5
{
.c5
2
{
height: 100vh;
}
}
@media screen and (min-width:640px) {
.c5
8
{
.c5
5
{
font-size: 48px;
line-height: 56px;
}
}
@media screen and (min-width:768px) {
.c5
8
{
.c5
5
{
font-size: 64px;
line-height: 72px;
}
}
@media screen and (min-width:768px) {
.c
60
{
.c
57
{
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width:640px) {
.c6
4
{
.c6
1
{
font-size: 20px;
}
}
@media screen and (min-width:640px) {
.c6
5
{
.c6
2
{
visibility: visible;
}
}
@media screen and (min-width:768px) {
.c6
8
{
.c6
5
{
padding: 0 96px 5rem;
}
}
@media screen and (min-width:640px) {
.c6
9
{
.c6
6
{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media screen and (min-width:1024px) {
.c6
9
{
.c6
6
{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media screen and (min-width:640px) {
.c7
5
{
.c7
2
{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media screen and (min-width:1024px) {
.c7
5
{
.c7
2
{
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
...
...
@@ -1963,11 +1924,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
>
<div
class="c40"
>
<div
class="c41 c42"
/>
</div>
<span />
</div>
</div>
...
...
@@ -1975,10 +1932,10 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</div>
<div
class="c4
3
"
class="c4
1
"
>
<div
class="c4
4
"
class="c4
2
"
color="#222222"
data-testid="swap-currency-button"
>
...
...
@@ -2007,11 +1964,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</div>
<div
class="c4
5
"
class="c4
3
"
>
<div>
<div
class="c23 c4
6
"
class="c23 c4
4
"
>
<div
class="c24"
...
...
@@ -2052,7 +2009,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
class="c14"
>
<button
class="c15 c16 c30 c4
7
open-currency-select-button"
class="c15 c16 c30 c4
5
open-currency-select-button"
>
<span
class="c32"
...
...
@@ -2067,7 +2024,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</span>
</div>
<svg
class="c4
8
"
class="c4
6
"
>
dropdown.svg
</svg>
...
...
@@ -2084,23 +2041,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
>
<div
class="c40"
>
<div
class="c7 c49"
>
<div
class="c26 css-142zc9n"
>
<div
class="c14"
>
<div>
-
</div>
</div>
</div>
</div>
</div>
/>
<span />
</div>
</div>
...
...
@@ -2110,11 +2051,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
<div>
<button
class="c
50 c16 c51
"
class="c
47 c16 c48
"
font-weight="535"
>
<div
class="c
52 c53
"
class="c
49 c50
"
/>
Connect wallet
</button>
...
...
@@ -2126,52 +2067,52 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c5
4
"
class="c5
1
"
/>
<div
class="c5
5
"
class="c5
2
"
>
<div
class="c5
6
"
class="c5
3
"
/>
</div>
<div
class="c5
7
"
class="c5
4
"
>
<h1
class="c5
8
"
class="c5
5
"
>
Trade crypto with confidence
</h1>
<div
class="c5
9
"
class="c5
6
"
>
<div
class="c
60
"
class="c
57
"
>
Buy, sell, and explore tokens
</div>
</div>
<span
class="c
61
"
class="c
58
"
>
<a
class="c2 c16 c
62 c63
"
class="c2 c16 c
59 c60
"
href="/swap"
>
<p
class="c6
4
"
class="c6
1
"
>
Get started
</p>
</a>
</span>
<div
class="c6
5
"
class="c6
2
"
>
Learn more
<svg
class="c6
6
"
class="c6
3
"
fill="none"
height="24"
stroke="currentColor"
...
...
@@ -2199,7 +2140,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg>
</div>
<a
class="c6
7
"
class="c6
4
"
href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1"
>
<svg
...
...
@@ -2216,32 +2157,32 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c6
8
"
class="c6
5
"
>
<div
class="c6
9
"
class="c6
6
"
cols="1"
>
<a
class="c
70
"
class="c
67
"
href="/swap"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Swap tokens
</div>
</div>
<div
class="c7
3
"
class="c7
0
"
type="Primary"
>
Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more.
<div
class="c7
3 c74
"
class="c7
0 c71
"
type="Primary"
>
Trade Tokens
...
...
@@ -2250,20 +2191,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c7
5
"
class="c7
2
"
cols="3"
>
<a
class="c7
6
"
class="c7
3
"
href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-"
rel="noopenener noreferrer"
target="_blank"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Buy crypto
</div>
...
...
@@ -2290,12 +2231,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg>
</div>
<div
class="c7
7
"
class="c7
4
"
type="Secondary"
>
Buy crypto with your credit card or bank account at the best rates.
<div
class="c7
7 c74
"
class="c7
4 c71
"
type="Secondary"
>
Buy now
...
...
@@ -2303,30 +2244,30 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</a>
<a
class="c7
6
"
class="c7
3
"
href="/pools"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Earn
</div>
<img
alt="Analytics"
class="c7
8
"
class="c7
5
"
src="aboutArrowLight.png"
/>
</div>
<div
class="c7
7
"
class="c7
4
"
type="Secondary"
>
Provide liquidity to pools on Uniswap and earn fees on swaps.
<div
class="c7
7 c74
"
class="c7
4 c71
"
type="Secondary"
>
Provide liquidity
...
...
@@ -2334,16 +2275,16 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</a>
<a
class="c7
6
"
class="c7
3
"
href="https://docs.uniswap.org"
rel="noopenener noreferrer"
target="_blank"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Build dApps
</div>
...
...
@@ -2370,12 +2311,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg>
</div>
<div
class="c7
7
"
class="c7
4
"
type="Secondary"
>
Build apps and tools on the largest DeFi protocol on Ethereum.
<div
class="c7
7 c74
"
class="c7
4 c71
"
type="Secondary"
>
Developer docs
...
...
@@ -2384,27 +2325,27 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c7
9
"
class="c7
6
"
>
<div
class="c
80
"
class="c
77
"
>
<div
class="c
81
"
class="c
78
"
>
Powered by the Uniswap Protocol
</div>
<div
class="c
82
"
class="c
79
"
>
The leading decentralized crypto trading protocol, governed by a global community.
</div>
</div>
<div
class="c8
3
"
class="c8
0
"
>
<a
class="c8
4 c85 c86
"
class="c8
1 c82 c83
"
href="https://uniswap.org"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2415,53 +2356,53 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</div>
<div
class="c8
7
"
class="c8
4
"
>
<div
class="c8
8 c89
"
class="c8
5 c86
"
>
<img
alt="Uniswap Logo"
class="c
90
"
class="c
87
"
src="unicornEmbossLight.png"
/>
<div
class="c
91
"
class="c
88
"
>
<a
class="c
92
"
class="c
89
"
href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
3
"
class="c9
0
"
size="32"
>
discord.svg
</svg>
</a>
<a
class="c
92
"
class="c
89
"
href="https://twitter.com/uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
4
"
class="c9
1
"
size="32"
>
twitter-safe.svg
</svg>
</a>
<a
class="c
92
"
class="c
89
"
href="https://github.com/Uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
5
"
class="c9
2
"
size="32"
>
github.svg
...
...
@@ -2469,7 +2410,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<span
class="c9
6
"
class="c9
3
"
>
©
2023
...
...
@@ -2477,45 +2418,45 @@ exports[`disable nft on landing page does not render nft information and card 1`
</span>
</div>
<div
class="c9
7
"
class="c9
4
"
>
<div
class="c9
8
"
class="c9
5
"
>
<span
class="c9
9
"
class="c9
6
"
>
App
</span>
<a
class="c
100 c101
"
class="c
97 c98
"
href="/swap"
>
Swap
</a>
<a
class="c
100 c101
"
class="c
97 c98
"
href="/tokens"
>
Tokens
</a>
<a
class="c
100 c101
"
class="c
97 c98
"
href="/pools"
>
Pools
</a>
</div>
<div
class="c9
8
"
class="c9
5
"
>
<span
class="c9
9
"
class="c9
6
"
>
Protocol
</span>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://uniswap.org/community"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2523,7 +2464,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Community
</a>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://uniswap.org/governance"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2531,7 +2472,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Governance
</a>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://uniswap.org/developers"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2540,15 +2481,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c9
8
"
class="c9
5
"
>
<span
class="c9
9
"
class="c9
6
"
>
Company
</span>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://boards.greenhouse.io/uniswaplabs"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2556,7 +2497,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Careers
</a>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://uniswap.org/blog"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2565,15 +2506,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<div
class="c9
8
"
class="c9
5
"
>
<span
class="c9
9
"
class="c9
6
"
>
Get Help
</span>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://support.uniswap.org/hc/en-us/requests/new"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2581,7 +2522,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Contact Us
</a>
<a
class="c
102 c103
"
class="c
99 c100
"
href="https://support.uniswap.org/hc/en-us"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -2591,50 +2532,50 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div>
</div>
<div
class="c8
8 c104
"
class="c8
5 c101
"
>
<img
alt="Uniswap Logo"
class="c
90
"
class="c
87
"
src="unicornEmbossLight.png"
/>
<div
class="c
91
"
class="c
88
"
>
<a
class="c
92
"
class="c
89
"
href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
3
"
class="c9
0
"
size="32"
>
discord.svg
</svg>
</a>
<a
class="c
92
"
class="c
89
"
href="https://twitter.com/uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
4
"
class="c9
1
"
size="32"
>
twitter-safe.svg
</svg>
</a>
<a
class="c
92
"
class="c
89
"
href="https://github.com/Uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
5
"
class="c9
2
"
size="32"
>
github.svg
...
...
@@ -2642,7 +2583,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a>
</div>
<span
class="c9
6
"
class="c9
3
"
>
©
2023
...
...
@@ -2685,7 +2626,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border-radius: 4px;
}
.c
50
{
.c
47
{
box-sizing: border-box;
margin: 0;
min-width: 0;
...
...
@@ -2726,24 +2667,6 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: flex-start;
}
.c49 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 8px;
}
.c9 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
...
...
@@ -2765,7 +2688,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
color: #7D7D7D;
}
.c10
3
{
.c10
0
{
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
...
...
@@ -2776,15 +2699,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
font-weight: 500;
}
.c10
3
:hover {
.c10
0
:hover {
opacity: 0.6;
}
.c10
3
:active {
.c10
0
:active {
opacity: 0.4;
}
.c
101
{
.c
98
{
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
...
...
@@ -2795,36 +2718,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
font-weight: 500;
}
.c
101
:hover {
.c
98
:hover {
opacity: 0.6;
}
.c
101
:active {
.c
98
:active {
opacity: 0.4;
}
.c9
4
{
.c9
1
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c9
5
{
.c9
2
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c9
6
{
.c9
3
{
height: 32px;
width: 32px;
fill: #98A1C0;
opacity: 1;
}
.c8
8
{
.c8
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2837,7 +2760,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 1440px;
}
.c8
9
{
.c8
6
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2847,24 +2770,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
flex-direction: column;
}
.c
90
{
.c
87
{
display: none;
}
.c10
5
{
.c10
2
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c
91
{
.c
88
{
width: 72px;
height: 72px;
display: none;
}
.c
92
{
.c
89
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2877,20 +2800,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 20px 0 0 0;
}
.c9
3
{
.c9
0
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c9
8
{
.c9
5
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.c9
9
{
.c9
6
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2903,32 +2826,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 20px 0 0 0;
}
.c
100
{
.c
97
{
font-size: 16px;
line-height: 20px;
font-weight: 535;
}
.c10
4
{
.c10
1
{
font-size: 16px;
line-height: 20px;
color: #7D7D7D;
}
.c
102
{
.c
99
{
font-size: 16px;
line-height: 20px;
color: #7D7D7D;
}
.c9
7
{
.c9
4
{
font-size: 16px;
line-height: 20px;
margin: 1rem 0 0 0;
color: #CECECE;
}
.c
70
{
.c
67
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2956,11 +2879,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border;
}
.c
70
:hover {
.c
67
:hover {
border: 1px solid #CECECE;
}
.c7
5
{
.c7
2
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -2988,11 +2911,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border;
}
.c7
5
:hover {
.c7
2
:hover {
border: 1px solid #CECECE;
}
.c7
7
{
.c7
4
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -3020,11 +2943,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border;
}
.c7
7
:hover {
.c7
4
:hover {
border: 1px solid #CECECE;
}
.c
71
{
.c
68
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -3039,13 +2962,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: space-between;
}
.c
72
{
.c
69
{
font-size: 20px;
line-height: 28px;
font-weight: 535;
}
.c7
3
{
.c7
0
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -3060,7 +2983,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 480px;
}
.c7
8
{
.c7
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -3075,7 +2998,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 480px;
}
.c7
4
{
.c7
1
{
color: #FC72FF;
font-weight: 535;
margin: 24px 0 0;
...
...
@@ -3084,18 +3007,18 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity;
}
.c7
4
:hover {
.c7
1
:hover {
opacity: 0.6;
}
.c7
9
{
.c7
6
{
min-width: 20px;
min-height: 20px;
max-height: 48px;
max-width: 48px;
}
.c5
3
{
.c5
0
{
background-color: transparent;
bottom: 0;
border-radius: inherit;
...
...
@@ -3166,7 +3089,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
text-decoration: none;
}
.c8
5
{
.c8
2
{
padding: 16px;
width: 200px;
line-height: 24px;
...
...
@@ -3205,58 +3128,58 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transform: perspective(1px) translateZ(0);
}
.c8
5
:disabled {
.c8
2
:disabled {
opacity: 50%;
cursor: auto;
pointer-events: none;
}
.c8
5
> * {
.c8
2
> * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c8
5
> a {
.c8
2
> a {
-webkit-text-decoration: none;
text-decoration: none;
}
.c
51
{
.c
48
{
background-color: #FFEFFF;
color: #FC72FF;
font-size: 20px;
font-weight: 535;
}
.c
51
:focus {
.c
48
:focus {
box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF;
}
.c
51
:hover {
.c
48
:hover {
background-color: #FFEFFF;
}
.c
51
:active {
.c
48
:active {
box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF;
}
.c
51:hover .c52
{
.c
48:hover .c49
{
background-color: #98A1C014;
}
.c
51:active .c52
{
.c
48:active .c49
{
background-color: #B8C0DC3d;
}
.c
51
:disabled {
.c
48
:disabled {
opacity: 0.4;
}
.c
51
:disabled:hover {
.c
48
:disabled:hover {
cursor: auto;
background-color: transparent;
box-shadow: none;
...
...
@@ -3280,7 +3203,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background-color: #e0e0e0;
}
.c8
6
{
.c8
3
{
background-color: transparent;
color: #FC72FF;
display: -webkit-box;
...
...
@@ -3297,22 +3220,22 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
align-items: center;
}
.c8
6
:focus {
.c8
3
:focus {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c8
6
:hover {
.c8
3
:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.c8
6
:active {
.c8
3
:active {
-webkit-text-decoration: none;
text-decoration: none;
}
.c8
6
:disabled {
.c8
3
:disabled {
opacity: 50%;
cursor: auto;
}
...
...
@@ -3346,7 +3269,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
cursor: auto;
}
.c
80
{
.c
77
{
height: 340px;
width: 100%;
border-radius: 32px;
...
...
@@ -3372,7 +3295,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%);
}
.c
81
{
.c
78
{
color: white;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -3386,20 +3309,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
flex-direction: column;
}
.c
82
{
.c
79
{
font-weight: 535;
font-size: 28px;
line-height: 36px;
}
.c8
3
{
.c8
0
{
margin: 10px 10px 0 0;
font-weight: 535;
font-size: 16px;
line-height: 20px;
}
.c8
4
{
.c8
1
{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -3413,16 +3336,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity;
}
.c8
4
:hover {
.c8
1
:hover {
opacity: 0.6;
}
.c8
7
{
.c8
4
{
color: white;
border: 1px solid white;
}
.c4
5
{
.c4
3
{
display: grid;
grid-auto-rows: auto;
grid-row-gap: 4px;
...
...
@@ -3436,21 +3359,6 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: opacity 250ms ease-in-out;
}
.c41 {
border-radius: 12px;
border-radius: 12px;
height: 24px;
width: 50%;
width: 50%;
-webkit-animation: fAQEyV 1.5s infinite;
animation: fAQEyV 1.5s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background: linear-gradient( to left, #22222212 25%, rgba(53,53,53,0.07) 50%, #22222212 75% );
will-change: background-position;
background-size: 400%;
}
.c14 {
display: inline-block;
height: inherit;
...
...
@@ -3533,12 +3441,6 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
color: #CECECE;
}
.c42 {
border-radius: 4px;
width: 4rem;
height: 1rem;
}
.c24 {
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -3619,7 +3521,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background-color: #B8C0DC3d;
}
.c4
7
{
.c4
5
{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
...
...
@@ -3652,12 +3554,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
animation: none;
}
.c4
7
:hover,
.c4
7
:active {
.c4
5
:hover,
.c4
5
:active {
background-color: #FC72FF;
}
.c4
7
:before {
.c4
5
:before {
background-size: 100%;
border-radius: inherit;
position: absolute;
...
...
@@ -3668,11 +3570,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
content: '';
}
.c4
7
:hover:before {
.c4
5
:hover:before {
background-color: #98A1C014;
}
.c4
7
:active:before {
.c4
5
:active:before {
background-color: #B8C0DC3d;
}
...
...
@@ -3752,13 +3654,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
stroke-width: 2px;
}
.c4
8
{
.c4
6
{
margin: 0 0.25rem 0 0.35rem;
height: 35%;
margin-left: 8px;
}
.c4
8
path {
.c4
6
path {
stroke: #FFFFFF;
stroke-width: 2px;
}
...
...
@@ -3826,7 +3728,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
padding-top: 12px;
}
.c4
3
{
.c4
1
{
border-radius: 12px;
height: 40px;
width: 40px;
...
...
@@ -3841,7 +3743,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
z-index: 2;
}
.c4
3
:hover {
.c4
1
:hover {
cursor: pointer;
opacity: 0.8;
}
...
...
@@ -3903,7 +3805,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
gap: 16px;
}
.c4
4
{
.c4
2
{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
...
...
@@ -3954,7 +3856,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border-color: #B8C0DC3d;
}
.c4
6
{
.c4
4
{
border-bottom: 1px solid #FFFFFF;
}
...
...
@@ -3981,7 +3883,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
overflow-x: hidden;
}
.c5
4
{
.c5
1
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -4005,7 +3907,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: calc(100vh - 48px);
}
.c5
5
{
.c5
2
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -4026,7 +3928,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: calc(100vh - 48px);
}
.c5
6
{
.c5
3
{
position: absolute;
top: 68px;
bottom: 0;
...
...
@@ -4039,7 +3941,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: 100%;
}
.c5
7
{
.c5
4
{
position: absolute;
display: -webkit-box;
display: -webkit-flex;
...
...
@@ -4067,11 +3969,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
pointer-events: none;
}
.c5
7
* {
.c5
4
* {
pointer-events: auto;
}
.c5
8
{
.c5
5
{
color: transparent;
font-size: 36px;
line-height: 44px;
...
...
@@ -4083,7 +3985,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
-webkit-background-clip: text;
}
.c
60
{
.c
57
{
color: #7D7D7D;
font-size: 16px;
line-height: 24px;
...
...
@@ -4093,7 +3995,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 0 0 32px;
}
.c5
9
{
.c5
6
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -4104,12 +4006,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: center;
}
.c
62
{
.c
59
{
padding: 16px 0px;
border-radius: 24px;
}
.c6
3
{
.c6
0
{
background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%);
border: none;
color: #FFFFFF;
...
...
@@ -4117,24 +4019,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: all 250ms ease;
}
.c6
3
:hover {
.c6
0
:hover {
box-shadow: 0px 0px 16px 0px #ff00c7;
}
.c6
4
{
.c6
1
{
margin: 0px;
font-size: 16px;
font-weight: 535;
white-space: nowrap;
}
.c
61
{
.c
58
{
max-width: 300px;
width: 100%;
pointer-events: auto;
}
.c6
5
{
.c6
2
{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
...
...
@@ -4154,16 +4056,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity;
}
.c6
5
:hover {
.c6
2
:hover {
opacity: 0.6;
}
.c6
6
{
.c6
3
{
margin-left: 14px;
size: 20px;
}
.c6
8
{
.c6
5
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -4180,7 +4082,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%);
}
.c6
9
{
.c6
6
{
display: grid;
gap: 12px;
width: 100%;
...
...
@@ -4193,7 +4095,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
grid-template-columns: 1fr;
}
.c7
6
{
.c7
3
{
display: grid;
gap: 12px;
width: 100%;
...
...
@@ -4247,7 +4149,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
width: 100%;
}
.c6
7
{
.c6
4
{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
...
...
@@ -4263,12 +4165,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
text-align: center;
}
.c6
7
:hover {
.c6
4
:hover {
color: #CECECE;
}
@media screen and (min-width:1024px) {
.c8
8
{
.c8
5
{
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
...
...
@@ -4280,7 +4182,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:1024px) {
.c
90
{
.c
87
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
...
@@ -4289,75 +4191,75 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:1024px) {
.c10
5
{
.c10
2
{
display: none;
}
}
@media screen and (min-width:1024px) {
.c
91
{
.c
88
{
display: block;
}
}
@media screen and (min-width:1280px) {
.c9
8
{
.c9
5
{
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px;
}
}
@media screen and (min-width:1280px) {
.c9
9
{
.c9
6
{
margin: 0;
}
}
@media screen and (min-width:640px) {
.c
70
{
.c
67
{
height: 360px;
}
}
@media screen and (min-width:1280px) {
.c
70
{
.c
67
{
padding: 32px;
}
}
@media screen and (min-width:640px) {
.c7
5
{
.c7
2
{
height: 360px;
}
}
@media screen and (min-width:1280px) {
.c7
5
{
.c7
2
{
padding: 32px;
}
}
@media screen and (min-width:640px) {
.c7
7
{
.c7
4
{
height: 260px;
}
}
@media screen and (min-width:1280px) {
.c7
7
{
.c7
4
{
padding: 32px;
}
}
@media screen and (min-width:1024px) {
.c
72
{
.c
69
{
font-size: 28px;
line-height: 36px;
}
}
@media screen and (min-width:1280px) {
.c7
3
{
.c7
0
{
font-size: 20px;
line-height: 28px;
max-width: 480px;
...
...
@@ -4365,7 +4267,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:1280px) {
.c7
8
{
.c7
5
{
font-size: 20px;
line-height: 28px;
max-width: 480px;
...
...
@@ -4373,7 +4275,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:1024px) {
.c
80
{
.c
77
{
height: 140px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
...
...
@@ -4382,21 +4284,21 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:1280px) {
.c
82
{
.c
79
{
font-size: 28px;
line-height: 36px;
}
}
@media screen and (min-width:1280px) {
.c8
3
{
.c8
0
{
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width:1024px) {
.c8
4
{
.c8
1
{
width: auto;
}
}
...
...
@@ -4414,79 +4316,79 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
}
@media screen and (min-width:768px) {
.c5
4
{
.c5
1
{
height: 100vh;
}
}
@media screen and (min-width:768px) {
.c5
5
{
.c5
2
{
height: 100vh;
}
}
@media screen and (min-width:640px) {
.c5
8
{
.c5
5
{
font-size: 48px;
line-height: 56px;
}
}
@media screen and (min-width:768px) {
.c5
8
{
.c5
5
{
font-size: 64px;
line-height: 72px;
}
}
@media screen and (min-width:768px) {
.c
60
{
.c
57
{
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width:640px) {
.c6
4
{
.c6
1
{
font-size: 20px;
}
}
@media screen and (min-width:640px) {
.c6
5
{
.c6
2
{
visibility: visible;
}
}
@media screen and (min-width:768px) {
.c6
8
{
.c6
5
{
padding: 0 96px 5rem;
}
}
@media screen and (min-width:640px) {
.c6
9
{
.c6
6
{
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width:1024px) {
.c6
9
{
.c6
6
{
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width:640px) {
.c7
6
{
.c7
3
{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media screen and (min-width:1024px) {
.c7
6
{
.c7
3
{
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
...
...
@@ -4662,11 +4564,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
>
<div
class="c40"
>
<div
class="c41 c42"
/>
</div>
<span />
</div>
</div>
...
...
@@ -4674,10 +4572,10 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</div>
<div
class="c4
3
"
class="c4
1
"
>
<div
class="c4
4
"
class="c4
2
"
color="#222222"
data-testid="swap-currency-button"
>
...
...
@@ -4706,11 +4604,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</div>
<div
class="c4
5
"
class="c4
3
"
>
<div>
<div
class="c23 c4
6
"
class="c23 c4
4
"
>
<div
class="c24"
...
...
@@ -4751,7 +4649,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
class="c14"
>
<button
class="c15 c16 c30 c4
7
open-currency-select-button"
class="c15 c16 c30 c4
5
open-currency-select-button"
>
<span
class="c32"
...
...
@@ -4766,7 +4664,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</span>
</div>
<svg
class="c4
8
"
class="c4
6
"
>
dropdown.svg
</svg>
...
...
@@ -4783,23 +4681,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
>
<div
class="c40"
>
<div
class="c7 c49"
>
<div
class="c26 css-142zc9n"
>
<div
class="c14"
>
<div>
-
</div>
</div>
</div>
</div>
</div>
/>
<span />
</div>
</div>
...
...
@@ -4809,11 +4691,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
<div>
<button
class="c
50 c16 c51
"
class="c
47 c16 c48
"
font-weight="535"
>
<div
class="c
52 c53
"
class="c
49 c50
"
/>
Connect wallet
</button>
...
...
@@ -4825,52 +4707,52 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c5
4
"
class="c5
1
"
/>
<div
class="c5
5
"
class="c5
2
"
>
<div
class="c5
6
"
class="c5
3
"
/>
</div>
<div
class="c5
7
"
class="c5
4
"
>
<h1
class="c5
8
"
class="c5
5
"
>
Trade crypto and NFTs with confidence
</h1>
<div
class="c5
9
"
class="c5
6
"
>
<div
class="c
60
"
class="c
57
"
>
Buy, sell, and explore tokens and NFTs
</div>
</div>
<span
class="c
61
"
class="c
58
"
>
<a
class="c2 c16 c
62 c63
"
class="c2 c16 c
59 c60
"
href="/swap"
>
<p
class="c6
4
"
class="c6
1
"
>
Get started
</p>
</a>
</span>
<div
class="c6
5
"
class="c6
2
"
>
Learn more
<svg
class="c6
6
"
class="c6
3
"
fill="none"
height="24"
stroke="currentColor"
...
...
@@ -4898,7 +4780,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg>
</div>
<a
class="c6
7
"
class="c6
4
"
href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1"
>
<svg
...
...
@@ -4915,32 +4797,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c6
8
"
class="c6
5
"
>
<div
class="c6
9
"
class="c6
6
"
cols="2"
>
<a
class="c
70
"
class="c
67
"
href="/swap"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Swap tokens
</div>
</div>
<div
class="c7
3
"
class="c7
0
"
type="Primary"
>
Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more.
<div
class="c7
3 c74
"
class="c7
0 c71
"
type="Primary"
>
Trade Tokens
...
...
@@ -4948,25 +4830,25 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</a>
<a
class="c7
5
"
class="c7
2
"
href="/nfts"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Trade NFTs
</div>
</div>
<div
class="c7
3
"
class="c7
0
"
type="Primary"
>
Buy and sell NFTs across marketplaces to find more listings at better prices.
<div
class="c7
3 c74
"
class="c7
0 c71
"
type="Primary"
>
Explore NFTs
...
...
@@ -4975,20 +4857,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c7
6
"
class="c7
3
"
cols="3"
>
<a
class="c7
7
"
class="c7
4
"
href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-"
rel="noopenener noreferrer"
target="_blank"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Buy crypto
</div>
...
...
@@ -5015,12 +4897,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg>
</div>
<div
class="c7
8
"
class="c7
5
"
type="Secondary"
>
Buy crypto with your credit card or bank account at the best rates.
<div
class="c7
8 c74
"
class="c7
5 c71
"
type="Secondary"
>
Buy now
...
...
@@ -5028,30 +4910,30 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</a>
<a
class="c7
7
"
class="c7
4
"
href="/pools"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Earn
</div>
<img
alt="Analytics"
class="c7
9
"
class="c7
6
"
src="aboutArrowLight.png"
/>
</div>
<div
class="c7
8
"
class="c7
5
"
type="Secondary"
>
Provide liquidity to pools on Uniswap and earn fees on swaps.
<div
class="c7
8 c74
"
class="c7
5 c71
"
type="Secondary"
>
Provide liquidity
...
...
@@ -5059,16 +4941,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</a>
<a
class="c7
7
"
class="c7
4
"
href="https://docs.uniswap.org"
rel="noopenener noreferrer"
target="_blank"
>
<div
class="c
71
"
class="c
68
"
>
<div
class="c
72
"
class="c
69
"
>
Build dApps
</div>
...
...
@@ -5095,12 +4977,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg>
</div>
<div
class="c7
8
"
class="c7
5
"
type="Secondary"
>
Build apps and tools on the largest DeFi protocol on Ethereum.
<div
class="c7
8 c74
"
class="c7
5 c71
"
type="Secondary"
>
Developer docs
...
...
@@ -5109,27 +4991,27 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c
80
"
class="c
77
"
>
<div
class="c
81
"
class="c
78
"
>
<div
class="c
82
"
class="c
79
"
>
Powered by the Uniswap Protocol
</div>
<div
class="c8
3
"
class="c8
0
"
>
The leading decentralized crypto trading protocol, governed by a global community.
</div>
</div>
<div
class="c8
4
"
class="c8
1
"
>
<a
class="c8
5 c86 c87
"
class="c8
2 c83 c84
"
href="https://uniswap.org"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5140,53 +5022,53 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</div>
<div
class="c8
8
"
class="c8
5
"
>
<div
class="c8
9 c90
"
class="c8
6 c87
"
>
<img
alt="Uniswap Logo"
class="c
91
"
class="c
88
"
src="unicornEmbossLight.png"
/>
<div
class="c
92
"
class="c
89
"
>
<a
class="c9
3
"
class="c9
0
"
href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
4
"
class="c9
1
"
size="32"
>
discord.svg
</svg>
</a>
<a
class="c9
3
"
class="c9
0
"
href="https://twitter.com/uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
5
"
class="c9
2
"
size="32"
>
twitter-safe.svg
</svg>
</a>
<a
class="c9
3
"
class="c9
0
"
href="https://github.com/Uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
6
"
class="c9
3
"
size="32"
>
github.svg
...
...
@@ -5194,7 +5076,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<span
class="c9
7
"
class="c9
4
"
>
©
2023
...
...
@@ -5202,51 +5084,51 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</span>
</div>
<div
class="c9
8
"
class="c9
5
"
>
<div
class="c9
9
"
class="c9
6
"
>
<span
class="c
100
"
class="c
97
"
>
App
</span>
<a
class="c
101 c102
"
class="c
98 c99
"
href="/swap"
>
Swap
</a>
<a
class="c
101 c102
"
class="c
98 c99
"
href="/tokens"
>
Tokens
</a>
<a
class="c
101 c102
"
class="c
98 c99
"
href="/nfts"
>
NFTs
</a>
<a
class="c
101 c102
"
class="c
98 c99
"
href="/pools"
>
Pools
</a>
</div>
<div
class="c9
9
"
class="c9
6
"
>
<span
class="c
100
"
class="c
97
"
>
Protocol
</span>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://uniswap.org/community"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5254,7 +5136,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Community
</a>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://uniswap.org/governance"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5262,7 +5144,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Governance
</a>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://uniswap.org/developers"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5271,15 +5153,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c9
9
"
class="c9
6
"
>
<span
class="c
100
"
class="c
97
"
>
Company
</span>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://boards.greenhouse.io/uniswaplabs"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5287,7 +5169,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Careers
</a>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://uniswap.org/blog"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5296,15 +5178,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<div
class="c9
9
"
class="c9
6
"
>
<span
class="c
100
"
class="c
97
"
>
Get Help
</span>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://support.uniswap.org/hc/en-us/requests/new"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5312,7 +5194,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Contact Us
</a>
<a
class="c10
3 c104
"
class="c10
0 c101
"
href="https://support.uniswap.org/hc/en-us"
rel="noopener noreferrer"
target="_blank"
...
...
@@ -5322,50 +5204,50 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div>
</div>
<div
class="c8
9 c105
"
class="c8
6 c102
"
>
<img
alt="Uniswap Logo"
class="c
91
"
class="c
88
"
src="unicornEmbossLight.png"
/>
<div
class="c
92
"
class="c
89
"
>
<a
class="c9
3
"
class="c9
0
"
href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
4
"
class="c9
1
"
size="32"
>
discord.svg
</svg>
</a>
<a
class="c9
3
"
class="c9
0
"
href="https://twitter.com/uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
5
"
class="c9
2
"
size="32"
>
twitter-safe.svg
</svg>
</a>
<a
class="c9
3
"
class="c9
0
"
href="https://github.com/Uniswap"
rel="noopener noreferrer"
target="_blank"
>
<svg
class="c9
6
"
class="c9
3
"
size="32"
>
github.svg
...
...
@@ -5373,7 +5255,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a>
</div>
<span
class="c9
7
"
class="c9
4
"
>
©
2023
...
...
src/pages/Swap/index.tsx
View file @
3bb55c6b
...
...
@@ -323,6 +323,8 @@ export function Swap({
[
independentField
,
parsedAmount
,
showWrap
,
trade
]
)
const
showFiatValueInput
=
Boolean
(
parsedAmounts
[
Field
.
INPUT
])
const
showFiatValueOutput
=
Boolean
(
parsedAmounts
[
Field
.
OUTPUT
])
const
getSingleUnitAmount
=
(
currency
?:
Currency
)
=>
{
if
(
!
currency
)
return
return
CurrencyAmount
.
fromRawAmount
(
currency
,
JSBI
.
BigInt
(
10
**
currency
.
decimals
))
...
...
@@ -641,7 +643,7 @@ export function Swap({
currency=
{
currencies
[
Field
.
INPUT
]
??
null
}
onUserInput=
{
handleTypeInput
}
onMax=
{
handleMaxInput
}
fiatValue=
{
fiatValueInput
}
fiatValue=
{
showFiatValueInput
?
fiatValueInput
:
undefined
}
onCurrencySelect=
{
handleInputSelect
}
otherCurrency=
{
currencies
[
Field
.
OUTPUT
]
}
showCommonBases
...
...
@@ -682,7 +684,7 @@ export function Swap({
label=
{
<
Trans
>
You receive
</
Trans
>
}
showMaxButton=
{
false
}
hideBalance=
{
false
}
fiatValue=
{
fiatValueOutput
}
fiatValue=
{
showFiatValueOutput
?
fiatValueOutput
:
undefined
}
priceImpact=
{
stablecoinPriceImpact
}
currency=
{
currencies
[
Field
.
OUTPUT
]
??
null
}
onCurrencySelect=
{
handleOutputSelect
}
...
...
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
