fix: header logo in dark mode and jumbotron

Consensys · Jan 8, 2024 · be5ca63 · be5ca63
1 parent 61b078f
commit be5ca63
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/explorer/src/assets/locales/en/en.json b/explorer/src/assets/locales/en/en.json
@@ -52,7 +52,7 @@
   "home": {
     "title": "Your Reputation Under Your Control",
     "description": "Explore the ecosystem to find out how you can unlock your data from across the web and share it with the world on your own terms",
-    "exploreEcosystem": "or explore the ecosystem",
+    "exploreEcosystem": "or <bold>explore the ecosystem . . .</bold>",
     "info": {
       "issueYourAttestation": "Want to issue your own attestation?",
       "aboutVerax": "Want to know more about Verax?"

diff --git a/explorer/src/assets/logo/verax-logo-dark-mode.svg b/explorer/src/assets/logo/verax-logo-dark-mode.svg
diff --git a/explorer/src/pages/Home/components/Jumbotron/index.tsx b/explorer/src/pages/Home/components/Jumbotron/index.tsx
@@ -1,5 +1,6 @@
 import { t } from "i18next";
 import { ArrowUpRight } from "lucide-react";
+import { Trans } from "react-i18next";
 
 import { Button } from "@/components/Buttons";
 import { EButtonType } from "@/components/Buttons/enum";
@@ -24,7 +25,7 @@ export const Jumbotron: React.FC = () => {
             iconRight={<ArrowUpRight />}
           />
           <p className="text-text-tertiary text-base not-italic font-normal leading-[140%]">
-            {t("home.exploreEcosystem")}
+            <Trans i18nKey="home.exploreEcosystem" components={{ bold: <strong /> }} />
           </p>
         </div>
       </div>