Even more wording

penumbra-zone · Mar 17, 2024 · ce9807c · ce9807c
1 parent 2f47a4d
commit ce9807c
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/src/pages/tradingPairs/index.tsx b/src/pages/tradingPairs/index.tsx
@@ -547,9 +547,16 @@ export default function TradingPairs() {
                 <>
                   <Text
                     fontFamily="monospace"
-                    paddingBottom={"1em"}
+                    paddingBottom={"0em"}
                     fontSize={"md"}
                   >{`${asset1Token!.symbol} / ${asset2Token!.symbol}`}</Text>
+                  <Text
+                    fontSize={"sm"}
+                    fontFamily="monospace"
+                    paddingBottom={"1em"}
+                  >
+                    Synthetic Liquidity
+                  </Text>
                   {/* Note the reversal of names here since buy and sell side is inverted at this stage (i.e. sell side == buy demand side) */}
                   <DepthChart
                     buySideData={depthChartMultiHopAsset1SellPoints}
@@ -558,23 +565,28 @@ export default function TradingPairs() {
                     asset2Token={asset2Token!}
                   />
                 </>
-              ) : 
-              (
+              ) : (
                 <>
                   <Text
                     fontFamily="monospace"
-                    paddingBottom={"1em"}
+                    paddingBottom={"0em"}
                     fontSize={"md"}
                   >{`${asset1Token!.symbol} / ${asset2Token!.symbol}`}</Text>
+                  <Text
+                    fontSize={"sm"}
+                    fontFamily="monospace"
+                    paddingBottom={"1em"}
+                  >
+                    Synthetic Liquidity
+                  </Text>
                   <DepthChart
                     buySideData={depthChartSingleHopAsset1SellPoints}
                     sellSideData={depthChartSingleHopAsset1BuyPoints}
                     asset1Token={asset1Token!}
                     asset2Token={asset2Token!}
                   />
                 </>
-              )
-              }
+              )}
             </VStack>
           </Box>
         </Center>