ci(release): publish latest release

c1daf021 · Uniswap Labs Service Account · 1540a646 · c1daf021 · c1daf021 · c1daf021
Commit c1daf021 authored Feb 27, 2024 by Uniswap Labs Service Account
8 changed files
--- a/RELEASE
+++ b/RELEASE
 IPFS hash of the deployment:
- CIDv0: `QmZkbk8RdTbdKaLmzNx5yinoycn8v7Bqc8ayt6GcREsSaE`
+- CIDv0: `QmYsHGBHp98EzfBdS8e3inLYfg78s7iWwjJ6gcQwAC9pxH`
- CIDv1: `bafybeifjsmsjmwo6upeelfdmwteod4ybfaqajpjkknqzjwnlqfj5awp75m`
+- CIDv1: `bafybeie4nwp4jxdsqscdvwbjj43pgjz5eta3keqy3wftdszlmacbbourwi`
 The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
@@ -10,15 +10,15 @@ You can also access the Uniswap Interface from an IPFS gateway.
 Your Uniswap settings are never remembered across different URLs.
 IPFS gateways:
- https://bafybeifjsmsjmwo6upeelfdmwteod4ybfaqajpjkknqzjwnlqfj5awp75m.ipfs.dweb.link/
+- https://bafybeie4nwp4jxdsqscdvwbjj43pgjz5eta3keqy3wftdszlmacbbourwi.ipfs.dweb.link/
- https://bafybeifjsmsjmwo6upeelfdmwteod4ybfaqajpjkknqzjwnlqfj5awp75m.ipfs.cf-ipfs.com/
+- https://bafybeie4nwp4jxdsqscdvwbjj43pgjz5eta3keqy3wftdszlmacbbourwi.ipfs.cf-ipfs.com/
- [ipfs://QmZkbk8RdTbdKaLmzNx5yinoycn8v7Bqc8ayt6GcREsSaE/](ipfs://QmZkbk8RdTbdKaLmzNx5yinoycn8v7Bqc8ayt6GcREsSaE/)
+- [ipfs://QmYsHGBHp98EzfBdS8e3inLYfg78s7iWwjJ6gcQwAC9pxH/](ipfs://QmYsHGBHp98EzfBdS8e3inLYfg78s7iWwjJ6gcQwAC9pxH/)
-### 5.14.3 (2024-02-27)
+## 5.15.0 (2024-02-27)
-### Bug Fixes
+### Features
-* **web:** Price fix [hotfix for prod] (#6621) de40c45
+* **web:** [info] enable by default (#6623) (#6624) 7442c9e
--- a/VERSION
+++ b/VERSION
-web/5.14.3
+web/5.15.0
\ No newline at end of file
--- a/apps/web/src/components/Pools/PoolDetails/__snapshots__/PoolDetailsHeader.test.tsx.snap
+++ b/apps/web/src/components/Pools/PoolDetails/__snapshots__/PoolDetailsHeader.test.tsx.snap
@@ -405,6 +405,7 @@ exports[`PoolDetailsHeader renders header text correctly 1`] = `
  font-weight: 535;
  width: 100%;
  vertical-align: middle;
+  white-space: nowrap;
 }
 .c18 {
@@ -450,32 +451,6 @@ exports[`PoolDetailsHeader renders header text correctly 1`] = `
  background-color: #2222221f;
 }
-.c20 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-.c21 {
-  height: 24px;
-  width: 24px;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-transition-duration: 125ms;
-  transition-duration: 125ms;
-}
-.c21:hover {
-  opacity: 0.6;
-}
-.c21:active {
-  opacity: 0.4;
-}
 .c0 {
  display: -webkit-box;
  display: -webkit-flex;
@@ -723,24 +698,39 @@ exports[`PoolDetailsHeader renders header text correctly 1`] = `
              </div>
            </div>
          </div>
+          <div>
+            <div
+              class="c15"
+            >
              <div
-            class="c20"
+                class="c16"
+                style="width: 100%;"
+              >
+                <div>
+                  <button
+                    class="c17 c18"
+                  >
+                    <div
+                      class="c19"
                    >
                      <svg
-              aria-label="ShareOptions"
+                        fill="#222222"
-              class="c21"
+                        height="18"
-              fill="#9B9B9B"
-              height="24"
                        viewBox="0 0 24 24"
-              width="24"
+                        width="18"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M13 4.99092C13 4.09592 14.094 3.66096 14.709 4.31196L20.637 10.582C21.121 11.094 21.121 11.894 20.637 12.406L14.709 18.676C14.094 19.326 13 18.891 13 17.997V14.4919C5.437 14.4919 4.93602 16.962 4.96802 19.529C4.97402 20.019 4.32501 20.1811 4.08301 19.7561C3.46701 18.6751 3 17.1999 3 15.4909C3 8.99592 10 8.49702 13 8.49702V4.99092Z"
-                fill="#9B9B9B"
+                          fill="#222222"
                        />
                      </svg>
                    </div>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
        </div>
      </div>
    </span>

--- a/apps/web/src/components/Tokens/TokenDetails/__snapshots__/Skeleton.test.tsx.snap
+++ b/apps/web/src/components/Tokens/TokenDetails/__snapshots__/Skeleton.test.tsx.snap
@@ -3,6 +3,29 @@
 exports[`TDP Skeleton should render correctly 1`] = `
 <DocumentFragment>
  .c11 {
+  box-sizing: border-box;
+  margin: 0;
+  min-width: 0;
+}
+.c12 {
+  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;
+}
+.c24 {
  color: #222222;
  -webkit-letter-spacing: -0.01em;
  -moz-letter-spacing: -0.01em;
@@ -16,8 +39,8 @@ exports[`TDP Skeleton should render correctly 1`] = `
  display: -ms-flexbox;
  display: flex;
  color: #7D7D7D;
-  font-size: 14px;
+  font-size: 16px;
-  line-height: 20px;
+  line-height: 24px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
@@ -49,7 +72,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  color: #CECECE;
 }
-.c41 {
+.c39 {
  border-radius: 12px;
  height: 40px;
  width: 40px;
@@ -64,7 +87,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  z-index: 2;
 }
-.c43 {
+.c41 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
@@ -81,7 +104,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  height: 100%;
 }
-.c42 {
+.c40 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
@@ -90,7 +113,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  margin: 0;
 }
-.c33 {
+.c31 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -109,37 +132,37 @@ exports[`TDP Skeleton should render correctly 1`] = `
  background-color: #FFFFFF;
 }
-.c37 {
+.c35 {
  background-color: #F9F9F9;
  border-radius: 4px;
  height: 56px;
  width: 60px;
 }
-.c39 {
+.c37 {
  background-color: #F9F9F9;
  border-radius: 16px;
  height: 56px;
  width: 100px;
 }
-.c44 {
+.c42 {
  background-color: #F9F9F9;
  border-radius: 16px;
  height: 56px;
  width: 100%;
 }
-.c38 {
+.c36 {
  background-color: #22222212;
  height: 36px;
 }
-.c34 {
+.c32 {
  padding: 8px;
 }
-.c36 {
+.c34 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -154,7 +177,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  justify-content: space-between;
 }
-.c35 {
+.c33 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -172,11 +195,11 @@ exports[`TDP Skeleton should render correctly 1`] = `
  padding: 48px 12px;
 }
-.c40 {
+.c38 {
  position: relative;
 }
-.c6 {
+.c4 {
  border-radius: 12px;
  border-radius: 12px;
  height: 24px;
@@ -191,42 +214,24 @@ exports[`TDP Skeleton should render correctly 1`] = `
  background-size: 400%;
 }
-.c25 {
+.c22 {
  background-color: #22222212;
  border: none;
  height: 0.5px;
 }
-.c26 {
+.c23 {
  gap: 16px;
  padding: 24px 0px;
  -webkit-animation: iAjNNh 125ms ease-in;
  animation: iAjNNh 125ms ease-in;
 }
-.c27 {
+.c25 {
  font-size: 28px !important;
 }
-.c10 {
+.c19 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 436px;
-  margin-bottom: 24px;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  width: 100%;
-  position: relative;
-}
-.c22 {
  color: #7D7D7D;
  font-size: 14px;
  min-width: 121px;
@@ -237,7 +242,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  padding-bottom: 24px;
 }
-.c21 {
+.c18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -250,7 +255,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  flex-wrap: wrap;
 }
-.c18 {
+.c14 {
  gap: 16px;
  -webkit-animation: iAjNNh 125ms ease-in;
  animation: iAjNNh 125ms ease-in;
@@ -279,7 +284,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  width: 100%;
 }
-.c32 {
+.c30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -292,25 +297,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  width: 360px;
 }
-.c15 {
+.c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: flex-end;
-  -webkit-box-align: flex-end;
-  -ms-flex-align: flex-end;
-  align-items: flex-end;
-  height: 100%;
-  padding-bottom: 66px;
-  overflow: hidden;
-  margin-bottom: 44px;
-}
-.c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -323,7 +310,8 @@ exports[`TDP Skeleton should render correctly 1`] = `
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
-  margin-bottom: 4px;
+  padding-top: 8px;
+  margin-bottom: 20px;
  gap: 20px;
  -webkit-animation: iAjNNh 125ms ease-in;
  animation: iAjNNh 125ms ease-in;
@@ -331,7 +319,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
  animation-duration: 250ms;
 }
-.c5 {
+.c8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
@@ -345,59 +333,58 @@ exports[`TDP Skeleton should render correctly 1`] = `
  align-items: center;
 }
-.c7 {
+.c5 {
  height: 16px;
  width: 180px;
 }
-.c12 {
+.c15 {
  height: 32px;
  border-radius: 8px;
 }
-.c8 {
+.c6 {
+  width: 169px;
+}
+.c9 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
 }
-.c9 {
+.c10 {
+  height: 36px;
  width: 136px;
 }
-.c13 {
+.c16 {
-  margin-top: 4px;
-  height: 40px;
-  width: 162px;
-}
-.c19 {
  width: 120px;
 }
-.c23 {
+.c20 {
  width: 80px;
  margin-bottom: 4px;
 }
-.c24 {
+.c21 {
  width: 116px;
 }
-.c28 {
+.c26 {
  margin-bottom: 6px;
  width: 100%;
 }
-.c31 {
+.c29 {
  width: 120px;
 }
-.c29 {
+.c27 {
  width: 50%;
 }
-.c20 {
+.c17 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
@@ -408,31 +395,16 @@ exports[`TDP Skeleton should render correctly 1`] = `
  flex-wrap: wrap;
 }
-.c30 {
+.c28 {
  padding-top: 24px;
 }
-.c16 {
+.c13 {
-  -webkit-animation: wave 8s cubic-bezier(0.36,0.45,0.63,0.53) infinite;
-  animation: wave 8s cubic-bezier(0.36,0.45,0.63,0.53) infinite;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  overflow: hidden;
-  margin-top: 90px;
-}
-.c14 {
-  height: 6px;
-}
-.c17 {
  height: 4px;
 }
 @media screen and (max-width:640px) {
-  .c22 {
+  .c19 {
    min-width: 168px;
  }
 }
@@ -462,7 +434,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
 }
 @media screen and (max-width:1024px) {
-  .c32 {
+  .c30 {
    width: 100%;
    max-width: 780px;
  }
@@ -481,12 +453,14 @@ exports[`TDP Skeleton should render correctly 1`] = `
          class="c1"
        >
          <nav
+            aria-label="breadcrumb-nav"
            class="c2"
          >
            <a
              class="c3"
-              href="/tokens"
+              href="/explore/undefined"
            >
+              Explore 
              <svg
                fill="none"
                height="14"
@@ -498,264 +472,373 @@ exports[`TDP Skeleton should render correctly 1`] = `
                width="14"
                xmlns="http://www.w3.org/2000/svg"
              >
-                <line
-                  x1="19"
-                  x2="5"
-                  y1="12"
-                  y2="12"
-                />
                <polyline
-                  points="12 19 5 12 12 5"
+                  points="9 18 15 12 9 6"
                />
              </svg>
-               Tokens
            </a>
-          </nav>
+            <a
-          <div
+              class="c3"
-            class="c4"
+              href="/explore/tokens/undefined"
            >
-            <div
+              Tokens 
-              class="c5"
+              <svg
+                fill="none"
+                height="14"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                viewBox="0 0 24 24"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
              >
-              <div
+                <polyline
-                class="c6 c7 c8"
+                  points="9 18 15 12 9 6"
                />
+              </svg>
+            </a>
            <div
-                class="c6 c7 c9"
+              class="c4 c5 c6"
            />
-            </div>
+          </nav>
-          </div>
          <div
-            class="c10"
+            class="c7"
          >
            <div
-              class="c11 css-15popx1"
+              class="c8"
            >
              <div
-                class="c6 c7 c12 c13"
+                class="c4 c5 c9"
              />
-            </div>
              <div
-              class="c14"
+                class="c4 c5 c10"
              />
+            </div>
+          </div>
          <div
-              class="c15"
+            class="c11 c12"
-            >
+            style="position: relative;"
-              <div>
-                <div
-                  class="c16"
          >
            <svg
-                    height="160"
+              fill="none"
-                    width="416"
+              height="356"
-                    xmlns="http://www.w3.org/2000/svg"
+              width="100%"
-                  >
-                    <path
-                      d="M 0 80 Q 104 10, 208 80 T 416 80"
-                      fill="transparent"
-                      stroke="#22222212"
-                      stroke-width="2"
-                    />
-                  </svg>
-                  <svg
-                    height="160"
-                    width="416"
              xmlns="http://www.w3.org/2000/svg"
            >
-                    <path
+              <g>
-                      d="M 0 80 Q 104 10, 208 80 T 416 80"
+                <rect
-                      fill="transparent"
+                  fill="#CECECE40"
-                      stroke="#22222212"
+                  height="32"
-                      stroke-width="2"
+                  rx="4"
-                    />
+                  width="180"
-                  </svg>
+                  y="0"
-                  <svg
+                />
-                    height="160"
+                <rect
-                    width="416"
+                  fill="#CECECE40"
-                    xmlns="http://www.w3.org/2000/svg"
+                  height="13"
+                  rx="4"
+                  width="80"
+                  y="48"
+                />
+                <g
+                  transform="translate(0, 342)"
+                >
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="7%"
+                    x="10%"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="7%"
+                    x="28.25%"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="7%"
+                    x="46.5%"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="7%"
+                    x="64.75%"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="7%"
+                    x="83%"
+                  />
+                </g>
+                <g
+                  transform="translate(0, 10)"
+                >
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="24"
+                    x="96%"
+                    y="0"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="24"
+                    x="96%"
+                    y="71.2"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="24"
+                    x="96%"
+                    y="142.4"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="24"
+                    x="96%"
+                    y="213.6"
+                  />
+                  <rect
+                    fill="#CECECE40"
+                    height="6"
+                    rx="3"
+                    width="24"
+                    x="96%"
+                    y="284.8"
+                  />
+                </g>
+              </g>
+              <defs>
+                <lineargradient
+                  id="mask-Price-356-gradient"
+                  x1="0%"
+                  x2="100%"
+                  y1="0%"
+                  y2="0%"
+                >
+                  <stop
+                    offset="0"
+                    stop-color="#CECECE"
+                  >
+                    <animate
+                      attributeName="offset"
+                      dur="1.3s"
+                      repeatCount="indefinite"
+                      values="-1;3"
+                    />
+                  </stop>
+                  <stop
+                    offset="0.5"
+                    stop-color="#fff"
+                  >
+                    <animate
+                      attributeName="offset"
+                      dur="1.3s"
+                      repeatCount="indefinite"
+                      values="-0.5;3.5"
+                    />
+                  </stop>
+                  <stop
+                    offset="1"
+                    stop-color="#CECECE"
+                  >
+                    <animate
+                      attributeName="offset"
+                      dur="1.3s"
+                      repeatCount="indefinite"
+                      values="0;4"
+                    />
+                  </stop>
+                </lineargradient>
+              </defs>
+              <mask
+                id="mask-Price-356"
+                style="mask-type: alpha;"
              >
                <path
-                      d="M 0 80 Q 104 10, 208 80 T 416 80"
+                  d="M0 122.5L7.26 116.158L14.52 109.916L21.78 103.873L29.04 98.1233L36.3 92.7582L43.56 87.862L50.82 83.5121L58.08 79.7771L65.34 76.7159L72.6 74.3767L79.86 72.7964L87.12 72H94.38L101.64 72.7964L108.9 74.3767L116.16 76.7159L123.42 79.7771L130.68 83.5121L137.94 87.862L145.2 92.7582L152.46 98.1233L159.72 103.873L166.98 109.916L174.24 116.158L181.5 122.5L188.76 128.842L196.02 135.084L203.28 141.127L210.54 146.877L217.8 152.242L225.06 157.138L232.32 161.488L239.58 165.223L246.84 168.284L254.1 170.623L261.36 172.204L268.62 173H275.88L283.14 172.204L290.4 170.623L297.66 168.284L304.92 165.223L312.18 161.488L319.44 157.138L326.7 152.242L333.96 146.877L341.22 141.127L348.48 135.084L355.74 128.842L363 122.5L370.26 116.158L377.52 109.916L384.78 103.873L392.04 98.1233L399.3 92.7582L406.56 87.862L413.82 83.5121L421.08 79.7771L428.34 76.7159L435.6 74.3767L442.86 72.7964L450.12 72L457.38 72L464.64 72.7964L471.9 74.3767L479.16 76.7159L486.42 79.7771L493.68 83.5121L500.94 87.862L508.2 92.7582L515.46 98.1233L522.72 103.873L529.98 109.916L537.24 116.158L544.5 122.5L551.76 128.842L559.02 135.084L566.28 141.127L573.54 146.877L580.8 152.242L588.06 157.138L595.32 161.488L602.58 165.223L609.84 168.284L617.1 170.623L624.36 172.204L631.62 173H638.88L646.14 172.204L653.4 170.623L660.66 168.284L667.92 165.223L675.18 161.488L682.44 157.138L689.7 152.242L696.96 146.877L704.22 141.127L711.48 135.084L718.74 128.842L726 122.5"
-                      fill="transparent"
+                  stroke="white"
-                      stroke="#22222212"
+                  stroke-linecap="round"
-                      stroke-width="2"
+                  stroke-width="4"
+                  transform="translate(5, 75)"
                />
-                  </svg>
+              </mask>
-                  <svg
+              <g
-                    height="160"
+                mask="url(#mask-Price-356)"
-                    width="416"
-                    xmlns="http://www.w3.org/2000/svg"
              >
-                    <path
+                <rect
-                      d="M 0 80 Q 104 10, 208 80 T 416 80"
+                  fill="url(#mask-Price-356-gradient)"
-                      fill="transparent"
+                  height="356"
-                      stroke="#22222212"
+                  rx="4"
-                      stroke-width="2"
+                  width="94%"
                />
+              </g>
            </svg>
-                  <svg
-                    height="160"
-                    width="416"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M 0 80 Q 104 10, 208 80 T 416 80"
-                      fill="transparent"
-                      stroke="#22222212"
-                      stroke-width="2"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
          </div>
          <div
-            class="c17"
+            class="c13"
          />
          <div
-            class="c18"
+            class="c14"
          >
            <div
-              class="c6 c7 c12 c19"
+              class="c4 c5 c15 c16"
            />
            <div
-              class="c20"
+              class="c17"
            >
              <div
-                class="c21"
+                class="c18"
              >
                <div
-                  class="c22"
+                  class="c19"
                >
                  <div
-                    class="c6 c7 c23"
+                    class="c4 c5 c20"
                  />
                  <div
-                    class="c6 c7 c12 c24"
+                    class="c4 c5 c15 c21"
                  />
                </div>
                <div
-                  class="c22"
+                  class="c19"
                >
                  <div
-                    class="c6 c7 c23"
+                    class="c4 c5 c20"
                  />
                  <div
-                    class="c6 c7 c12 c24"
+                    class="c4 c5 c15 c21"
                  />
                </div>
              </div>
              <div
-                class="c21"
+                class="c18"
              >
                <div
-                  class="c22"
+                  class="c19"
                >
                  <div
-                    class="c6 c7 c23"
+                    class="c4 c5 c20"
                  />
                  <div
-                    class="c6 c7 c12 c24"
+                    class="c4 c5 c15 c21"
                  />
                </div>
                <div
-                  class="c22"
+                  class="c19"
                >
                  <div
-                    class="c6 c7 c23"
+                    class="c4 c5 c20"
                  />
                  <div
-                    class="c6 c7 c12 c24"
+                    class="c4 c5 c15 c21"
                  />
                </div>
              </div>
            </div>
          </div>
          <hr
-            class="c25"
+            class="c22"
          />
          <div
-            class="c26"
+            class="c23"
          >
            <div
-              class="c11 c27 css-1a9hfw6"
+              class="c24 c25 css-1a9hfw6"
            >
              <div
-                class="c6 c7 c12 c19"
+                class="c4 c5 c15 c16"
              />
            </div>
          </div>
          <div
-            class="c6 c7 c28"
+            class="c4 c5 c26"
          />
          <div
-            class="c6 c7 c28"
+            class="c4 c5 c26"
          />
          <div
-            class="c6 c7 c28 c29"
+            class="c4 c5 c26 c27"
            style="margin-bottom: 24px;"
          />
          <div
-            class="c30"
+            class="c28"
          >
            <div
-              class="c6 c7 c28 c31"
+              class="c4 c5 c26 c29"
            />
            <div
-              class="c6 c7 c28 c29"
+              class="c4 c5 c26 c27"
            />
          </div>
          <div
-            class="c30"
+            class="c28"
          >
            <div
-              class="c6 c7 c28 c31"
+              class="c4 c5 c26 c29"
            />
            <div
-              class="c6 c7 c28 c29"
+              class="c4 c5 c26 c27"
            />
          </div>
        </div>
        <div
-          class="c32"
+          class="c30"
        >
          <div
-            class="c33"
+            class="c31"
          >
            <div
-              class="c34"
+              class="c32"
            >
              <div
-                class="c11 css-n8z49y"
+                class="c24 css-n8z49y"
              >
                Swap
              </div>
            </div>
            <div
-              class="c35"
+              class="c33"
            >
              <div
-                class="c36"
+                class="c34"
              >
                <div
-                  class="c37 c38"
+                  class="c35 c36"
                  width="60"
                />
                <div
-                  class="c39 c38"
+                  class="c37 c36"
                  radius="16"
                  width="100"
                />
              </div>
            </div>
            <div
-              class="c40"
+              class="c38"
            >
              <div
-                class="c41 c42"
+                class="c39 c40"
              >
                <div
-                  class="c43"
+                  class="c41"
                >
                  <svg
                    fill="none"
@@ -781,17 +864,17 @@ exports[`TDP Skeleton should render correctly 1`] = `
                </div>
              </div>
              <div
-                class="c35"
+                class="c33"
              >
                <div
-                  class="c36"
+                  class="c34"
                >
                  <div
-                    class="c37 c38"
+                    class="c35 c36"
                    width="60"
                  />
                  <div
-                    class="c39 c38"
+                    class="c37 c36"
                    radius="16"
                    width="100"
                  />
@@ -799,7 +882,7 @@ exports[`TDP Skeleton should render correctly 1`] = `
              </div>
            </div>
            <div
-              class="c44"
+              class="c42"
              radius="16"
            />
          </div>

--- a/apps/web/src/components/Tokens/TokenTable/__snapshots__/TokenRow.test.tsx.snap
+++ b/apps/web/src/components/Tokens/TokenTable/__snapshots__/TokenRow.test.tsx.snap
@@ -338,7 +338,7 @@ exports[`LoadedRow.tsx renders a row 1`] = `
      >
        <a
          class="c0"
-          href="/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
+          href="/explore/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
        >
          <div
            class="c1"

--- a/apps/web/src/featureFlags/flags/infoExplore.ts
+++ b/apps/web/src/featureFlags/flags/infoExplore.ts
 import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
 export function useInfoExploreFlag(): BaseVariant {
-  return useBaseFlag(FeatureFlag.infoExplore)
+  return useBaseFlag(FeatureFlag.infoExplore, BaseVariant.Enabled)
 }
 export function useInfoExplorePageEnabled(): boolean {

--- a/apps/web/src/featureFlags/flags/infoPoolPage.ts
+++ b/apps/web/src/featureFlags/flags/infoPoolPage.ts
 import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
 export function useInfoPoolPageFlag(): BaseVariant {
-  return useBaseFlag(FeatureFlag.infoPoolPage)
+  return useBaseFlag(FeatureFlag.infoPoolPage, BaseVariant.Enabled)
 }
 export function useInfoPoolPageEnabled(): boolean {

--- a/apps/web/src/featureFlags/flags/infoTDP.ts
+++ b/apps/web/src/featureFlags/flags/infoTDP.ts
 import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
 export function useInfoTDPFlag(): BaseVariant {
-  return useBaseFlag(FeatureFlag.infoTDP)
+  return useBaseFlag(FeatureFlag.infoTDP, BaseVariant.Enabled)
 }
 export function useInfoTDPEnabled(): boolean {