59db4c5b02
* Add colors and type and fix everywhere * fix text.tsx * Color and text adjustments * Further tweaks * Removed promotional gradient Changed to pink * Add new icons and tweak broken colors * Kill shadows Removes shadows from NFT cards, Pools and Tokens tables * Update icons Update filled and info icons to filled versions * Update bag icon Changed to fill style * Change share icon Changed to the new filled arrow * Fix merge errors * update tests * Complete find and replace old colors * Fix colors on pool pages * Update index.test.tsx.snap * fix header hover states * update test * Update connect button hover state * Update styles design bash * Update tests * Update fonts * fix buy button font weight * update tests * fix jumping input boxes * lint * lints * update tests * redo auth header * fix issues * fix snapshots * use individual weights instead of variable for nicer $ signn * update tests * make dark mode glow distinct * remove commented out code * icons in react * update textSecondary * fix feedback * port over token test fix * lint * fix: make popups appear above drawer and near top conditionally only when drawer is open * Revert "fix: make popups appear above drawer and near top conditionally only when drawer is open" This reverts commit 994697144374ae3fc0cdf9275bce538fda5fc8de. --------- Co-authored-by: Callil Capuozzo <callil.capuozzo@gmail.com> Co-authored-by: pp-hh-ii-ll <111304124+pp-hh-ii-ll@users.noreply.github.com> Co-authored-by: Callil Capuozzo <callil@uniswap.org>
440 lines
14 KiB
Plaintext
440 lines
14 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should inject metadata for valid collections 1`] = `
|
|
"<!DOCTYPE html>
|
|
<html translate="no">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<title>Uniswap Interface</title>
|
|
<meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
|
|
|
|
<!--
|
|
will be replaced with the URL of the \`public\` folder during build.
|
|
Only files inside the \`public\` folder can be referenced from the HTML.
|
|
-->
|
|
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="theme-color" content="#FC72FF" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
|
|
content="script-src 'self' 'unsafe-inline'"
|
|
|
|
/>
|
|
|
|
<!--
|
|
Apple Smart App Banner for Safari on iOS
|
|
https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
|
|
-->
|
|
<meta name="apple-itunes-app" content="app-id=6443944476">
|
|
|
|
<!--
|
|
manifest.json provides metadata used when the app is installed as a PWA.
|
|
See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
|
|
<link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
|
|
|
|
|
|
<style>
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
Explicitly load Basel var from public/ so it does not block LCP's critical path.
|
|
*/
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 535;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Medium.woff) format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 485;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Book.woff) format('woff');
|
|
}
|
|
|
|
@supports (font-variation-settings: normal) {
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button {
|
|
user-select: none;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px;
|
|
font-weight: 485;
|
|
font-variant: none;
|
|
font-smooth: always;
|
|
text-rendering: optimizeLegibility !important;
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
/* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
|
|
#background-radial-gradient {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
width: 200vw;
|
|
height: 200vh;
|
|
transform: translate(-50vw, -100vh);
|
|
z-index: -1;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background: linear-gradient(180deg, #202738 0%, #070816 100%);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
html {
|
|
background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
|
|
}
|
|
}
|
|
</style>
|
|
<script defer src="/static/js/bundle.js"></script><meta property="og:title" content="Uniswap Interface"/><meta property="og:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Uniswap Interface"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Uniswap Interface"/><meta property="twitter:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="twitter:image:alt" content="Uniswap Interface"/></head>
|
|
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
<div id="root">
|
|
<!-- Triggers the font to load immediately and then is replaced by the app -->
|
|
<div> </div>
|
|
</div>
|
|
|
|
<div id="background-radial-gradient"></div>
|
|
</body>
|
|
</html>
|
|
"
|
|
`;
|
|
|
|
exports[`should inject metadata for valid collections 2`] = `
|
|
"<!DOCTYPE html>
|
|
<html translate="no">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<title>Uniswap Interface</title>
|
|
<meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
|
|
|
|
<!--
|
|
will be replaced with the URL of the \`public\` folder during build.
|
|
Only files inside the \`public\` folder can be referenced from the HTML.
|
|
-->
|
|
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="theme-color" content="#FC72FF" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
|
|
content="script-src 'self' 'unsafe-inline'"
|
|
|
|
/>
|
|
|
|
<!--
|
|
Apple Smart App Banner for Safari on iOS
|
|
https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
|
|
-->
|
|
<meta name="apple-itunes-app" content="app-id=6443944476">
|
|
|
|
<!--
|
|
manifest.json provides metadata used when the app is installed as a PWA.
|
|
See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
|
|
<link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
|
|
|
|
|
|
<style>
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
Explicitly load Basel var from public/ so it does not block LCP's critical path.
|
|
*/
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 535;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Medium.woff) format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 485;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Book.woff) format('woff');
|
|
}
|
|
|
|
@supports (font-variation-settings: normal) {
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button {
|
|
user-select: none;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px;
|
|
font-weight: 485;
|
|
font-variant: none;
|
|
font-smooth: always;
|
|
text-rendering: optimizeLegibility !important;
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
/* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
|
|
#background-radial-gradient {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
width: 200vw;
|
|
height: 200vh;
|
|
transform: translate(-50vw, -100vh);
|
|
z-index: -1;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background: linear-gradient(180deg, #202738 0%, #070816 100%);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
html {
|
|
background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
|
|
}
|
|
}
|
|
</style>
|
|
<script defer src="/static/js/bundle.js"></script><meta property="og:title" content="Uniswap Interface"/><meta property="og:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Uniswap Interface"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/swap"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Uniswap Interface"/><meta property="twitter:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="twitter:image:alt" content="Uniswap Interface"/></head>
|
|
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
<div id="root">
|
|
<!-- Triggers the font to load immediately and then is replaced by the app -->
|
|
<div> </div>
|
|
</div>
|
|
|
|
<div id="background-radial-gradient"></div>
|
|
</body>
|
|
</html>
|
|
"
|
|
`;
|
|
|
|
exports[`should inject metadata for valid collections 3`] = `
|
|
"<!DOCTYPE html>
|
|
<html translate="no">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<title>Uniswap Interface</title>
|
|
<meta name="description" content="Swap or provide liquidity on the Uniswap Protocol" />
|
|
|
|
<!--
|
|
will be replaced with the URL of the \`public\` folder during build.
|
|
Only files inside the \`public\` folder can be referenced from the HTML.
|
|
-->
|
|
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/images/192x192_App_Icon.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/images/512x512_App_Icon.png" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="theme-color" content="#FC72FF" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
|
|
content="script-src 'self' 'unsafe-inline'"
|
|
|
|
/>
|
|
|
|
<!--
|
|
Apple Smart App Banner for Safari on iOS
|
|
https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
|
|
-->
|
|
<meta name="apple-itunes-app" content="app-id=6443944476">
|
|
|
|
<!--
|
|
manifest.json provides metadata used when the app is installed as a PWA.
|
|
See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<link rel="preload" href="/fonts/Basel-Book.woff" as="font" type="font/woff" crossorigin />
|
|
<link rel="preload" href="/fonts/Basel-Medium.woff" as="font" type="font/woff" crossorigin />
|
|
|
|
|
|
<style>
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
Explicitly load Basel var from public/ so it does not block LCP's critical path.
|
|
*/
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 535;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Medium.woff) format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Basel';
|
|
font-weight: 485;
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-named-instance: 'Book';
|
|
src:
|
|
url(/fonts/Basel-Book.woff) format('woff');
|
|
}
|
|
|
|
@supports (font-variation-settings: normal) {
|
|
* {
|
|
font-family: 'Basel', sans-serif;
|
|
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button {
|
|
user-select: none;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px;
|
|
font-weight: 485;
|
|
font-variant: none;
|
|
font-smooth: always;
|
|
text-rendering: optimizeLegibility !important;
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
/* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
|
|
#background-radial-gradient {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
width: 200vw;
|
|
height: 200vh;
|
|
transform: translate(-50vw, -100vh);
|
|
z-index: -1;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background: linear-gradient(180deg, #202738 0%, #070816 100%);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
html {
|
|
background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
|
|
}
|
|
}
|
|
</style>
|
|
<script defer src="/static/js/bundle.js"></script><meta property="og:title" content="Uniswap Interface"/><meta property="og:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Uniswap Interface"/><meta property="og:type" content="website"/><meta property="og:url" content="http://127.0.0.1:3000/pools"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:title" content="Uniswap Interface"/><meta property="twitter:image" content="http://127.0.0.1:3000/images/1200x630_Rich_Link_Preview_Image.png"/><meta property="twitter:image:alt" content="Uniswap Interface"/></head>
|
|
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
<div id="root">
|
|
<!-- Triggers the font to load immediately and then is replaced by the app -->
|
|
<div> </div>
|
|
</div>
|
|
|
|
<div id="background-radial-gradient"></div>
|
|
</body>
|
|
</html>
|
|
"
|
|
`;
|