fix: stablecoins icons

Author: wackerow

app/[locale]/stablecoins/page.tsx

@@ -1,5 +1,5 @@
 import { pick } from "lodash"
-import { HelpCircle } from "lucide-react"
+import { Info } from "lucide-react"
 import {
   getMessages,
   getTranslations,
@@ -94,6 +94,7 @@ const loadData = dataLoader<[CoinGeckoCoinMarketResponse]>(
 async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
   const { locale } = await params
   const t = await getTranslations({ locale, namespace: "page-stablecoins" })
+  const tCommon = await getTranslations({ locale, namespace: "common" })
 
   setRequestLocale(locale)
 
@@ -248,7 +249,7 @@ async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
 
   const tooltipContent = (
     <div>
-      {t("common:data-provided-by")}{" "}
+      {tCommon("data-provided-by")}{" "}
       <InlineLink href="https://www.coingecko.com/en/api">
         coingecko.com
       </InlineLink>
@@ -557,7 +558,7 @@ async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
             <h3 id="stablecoin-markets" className="mb-8 mt-12">
               {t("page-stablecoins-top-coins")}
               <Tooltip content={tooltipContent}>
-                <HelpCircle className="ms-2 fill-body text-md" />
+                <Info className="ms-2 size-4" />
               </Tooltip>
             </h3>
 

src/components/StablecoinsTable.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { Suspense, useState } from "react"
-import { ExternalLink, Filter } from "lucide-react"
+import { ExternalLink, ListFilter } from "lucide-react"
 
 import type { StablecoinType } from "@/lib/types"
 
@@ -188,7 +188,7 @@ const StablecoinsTable = ({ content, hasError }: StablecoinsTableProps) => {
             ({activeTypeCount})
           </span>
         )}
-        <Filter className="size-[1em]" />
+        <ListFilter className="size-[1em]" />
       </DropdownMenuTrigger>
       <DropdownMenuContent align="start">
         {typeFilters.map((filter) => (
@@ -240,7 +240,7 @@ const StablecoinsTable = ({ content, hasError }: StablecoinsTableProps) => {
         {activePegCount !== totalPegCount && (
           <span className="text-xs text-body-medium">({activePegCount})</span>
         )}
-        <Filter className="size-[1em]" />
+        <ListFilter className="size-[1em]" />
       </DropdownMenuTrigger>
       <DropdownMenuContent align="start">
         {pegFilters.map((filter) => (