feat: rename pools page

Author: dib542

src/components/Header/Header.tsx

@@ -15,8 +15,7 @@ const keplrLogoURI =
 
 const pageLinkMap = {
   '/swap': 'Swap',
-  '/pairs': 'Pairs',
-  '/stake': 'Stake',
+  '/pools': 'Pools',
 };
 
 export default function Header() {

src/pages/App/App.tsx

@@ -38,7 +38,7 @@ function App() {
                 <Routes>
                   <Route index element={<MyLiquidityOrTrade />} />
                   <Route path="swap" element={<Swap />} />
-                  <Route path="pairs/*" element={<Pool />} />
+                  <Route path="pools/*" element={<Pool />} />
                   <Route path="stake" element={<div>Coming soon</div>} />
                   <Route path="*" element={<div>Not found</div>} />
                 </Routes>

src/pages/App/Planets.tsx

@@ -8,14 +8,14 @@ import './Planets.scss';
 
 const planets: { [planetName: string]: string | undefined } = {
   swap: planetTradeSVG,
-  pairs: planetLiquiditySVG,
+  pools: planetLiquiditySVG,
 };
 
 export default function Planets() {
   return (
     <>
       <Planet name="swap" bottom={0} width={947} right={0} />
-      <Planet name="pairs" top="10vh" width={774} right={0} />
+      <Planet name="pools" top="10vh" width={774} right={0} />
     </>
   );
 }

src/pages/Pool/Pool.tsx

@@ -104,23 +104,23 @@ const restrictPriceRangeValues = (
   return '1';
 };
 
-export default function PairsPage() {
+export default function PoolsPage() {
   return (
     <div className="container row flex py-5">
       <div className="page col flex">
-        <Pairs />
+        <Pools />
       </div>
     </div>
   );
 }
 
-function Pairs() {
+function Pools() {
   const navigate = useNavigate();
   const [[tokenA, tokenB], setTokens] = useState<[Token?, Token?]>([]);
 
   // change tokens to match pathname
   const tokenList = useTokens();
-  const match = useMatch('/pairs/:tokenA/:tokenB');
+  const match = useMatch('/pools/:tokenA/:tokenB');
   useEffect(() => {
     if (match) {
       const foundTokenA = tokenList.find(
@@ -142,9 +142,9 @@ function Pairs() {
   const setTokensPath = useCallback(
     ([tokenA, tokenB]: [Token?, Token?]) => {
       if (tokenA && tokenB) {
-        navigate(`/pairs/${tokenA.symbol}/${tokenB.symbol}`);
+        navigate(`/pools/${tokenA.symbol}/${tokenB.symbol}`);
       } else {
-        navigate('/pairs');
+        navigate('/pools');
       }
     },
     [navigate]
@@ -170,17 +170,17 @@ function Pairs() {
     return (
       <div className="pool-page col gap-5 mt-5">
         <div>
-          <h1 className="h1">Pairs</h1>
+          <h1 className="h1">Pools</h1>
           <div>Provide liquidity and earn fees.</div>
         </div>
-        <Link to={`/pairs/${defaultTokenA}/${defaultTokenB}`}>
+        <Link to={`/pools/${defaultTokenA}/${defaultTokenB}`}>
           <button className="button button-primary py-3 px-md">
             Create New Position
           </button>
         </Link>
         <PoolsTableCard
           className="flex mt-5"
-          title="All Pairs"
+          title="All Pools"
           switchValue={selectedPoolsList}
           switchOnChange={setSelectedPoolsList}
           onTokenPairClick={setTokensPath}
@@ -1096,8 +1096,8 @@ function Pair({
               className={`chart-card col chart-type--${chartTypeSelected.toLowerCase()}`}
             >
               <div className="chart-breadcrumbs row flow-wrap gap-3 mb-5">
-                <Link className="text-light-alt" to="/pairs">
-                  Pairs
+                <Link className="text-light-alt" to="/pools">
+                  Pools
                 </Link>
                 {'>'}
                 <span>