Remove unused translation modules + update links

web3 · May 3, 2024 · 1c5bb6e · 1c5bb6e
1 parent 7bdec12
commit 1c5bb6e
Show file tree

Hide file tree

Showing 6 changed files with 3,635 additions and 4,377 deletions.
diff --git a/src/Components/Modules/Footer.tsx b/src/Components/Modules/Footer.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import { createStyles, ITheme, makeStyles } from "@chainsafe/common-theme"
 import { Grid, Typography } from "@chainsafe/common-components"
-import {Trans} from "@lingui/macro";
+
 import { blogUrl, discordUrl, docsUrl } from "../../urls";
 
 const useStyles = makeStyles(({ palette, constants, breakpoints }: ITheme) => {
@@ -96,7 +96,7 @@ const Footer: React.FC = () => {
           <Grid item className={classes.linkWrapper}>
             <Grid item className={classes.header}>
               <Typography variant="h5" >
-                <strong><Trans>Resources</Trans></strong>
+                <strong>Resources</strong>
               </Typography>
             </Grid>
             <Grid item className={classes.item}>
@@ -124,7 +124,7 @@ const Footer: React.FC = () => {
                 target="_blank"
               >
                 <Typography variant="h5" className={classes.bold}>
-                  <Trans>GitHub</Trans>
+                  GitHub
                 </Typography>
               </a>
             </Grid>
@@ -135,7 +135,7 @@ const Footer: React.FC = () => {
                 target="_blank"
               >
                 <Typography variant="h5" className={classes.bold}>
-                  <Trans>Discord</Trans>
+                  Discord
                 </Typography>
               </a>
           </Grid>

diff --git a/src/Components/Modules/NavBar.tsx b/src/Components/Modules/NavBar.tsx
@@ -3,7 +3,6 @@ import {
   createStyles, ITheme, makeStyles, useMediaQuery
 } from "@chainsafe/common-theme";
 import { Grid, Link, Typography, useScrollToTop } from "@chainsafe/common-components";
-import { Trans } from "@lingui/macro"
 import { MobileNav } from "./MobileNav";
 import web3js from "../../assets/images/web3js.png"
 import { discordUrl, docsUrl } from "../../urls";
@@ -140,15 +139,15 @@ const NavBar: React.FC = () => {
                 rel='noopener noreferrer'
                 href={docsUrl}
                 className={classes.navlink}>
-                <Trans>Docs</Trans>
+                  Docs
               </a>
             </Typography>
             <Typography variant="h5">
               <a
                 href="/plugins"
                 className={classes.navlink}
               >
-                <Trans>Plugins</Trans>
+                Plugins
               </a>
             </Typography>
             <Typography variant='h5'>
@@ -157,16 +156,16 @@ const NavBar: React.FC = () => {
                 rel='noopener noreferrer'
                 href={discordUrl}
                 className={classes.navlink}>
-                <Trans>Community</Trans>
+                  Discord
               </a>
             </Typography>
             <Typography variant='h5'>
               <a
                 target='_blank'
                 rel='noopener noreferrer'
-                href='https://medium.com/chainsafe-systems/tagged/ethereum'
+                href='https://blog.chainsafe.io/tagged/web3js'
                 className={classes.navlink}>
-                <Trans>Blog</Trans>
+                  Blog
               </a>
             </Typography>
             <Typography variant='h5'>
@@ -175,7 +174,7 @@ const NavBar: React.FC = () => {
                 rel='noopener noreferrer'
                 href='https://github.com/web3/web3.js'
                 className={classes.navlink}>
-                <Trans>GitHub</Trans>
+                  Github
               </a>
             </Typography>
           </Grid>

diff --git a/src/Components/Subpages/Hero.tsx b/src/Components/Subpages/Hero.tsx
@@ -211,6 +211,16 @@ const Hero: React.FC = () => {
                 Documentation
               </a>
             </div>
+            <div className={classes.link}>
+              <div className={classes.stackedIndicator}></div>
+              <a
+                className={classes.stackedLink}
+                href='/plugins'
+                rel='noopener noreferrer'
+                target='_blank'>
+                Plugins
+              </a>
+            </div>
             <div className={classes.link}>
               <div
                 className={clsx(

diff --git a/src/Components/Subpages/Maintainers.tsx b/src/Components/Subpages/Maintainers.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { createStyles, ITheme, makeStyles } from "@chainsafe/common-theme";
 import { Typography } from "@chainsafe/common-components";
 import clsx from "clsx";
-import { Trans } from "@lingui/macro";
 import chainsafe from "../../assets/images/chainsafe.png"
 import ethereum from "../../assets/images/ethereumjs.png"
 import samuel from "../../assets/images/samuel.jpeg"
@@ -138,9 +137,8 @@ const Maintainers = (): JSX.Element => {
       <div className={classes.gridContainer}>
         <div className={classes.titleContainer}>
           <Typography variant="body1" className={clsx(classes.bodyText)}>
-            <Trans>
+
               Since 2014, Web3.js has existed as an open-source collection of libraries that allow you to interact with a local or remote Ethereum node. Throughout its rich history, Web3.js would not have been possible without the vision, expertise and contributions made by committed individuals and organizations throughout the years.
-            </Trans>
           </Typography>
         </div>
         <span className={classes.timelineItem}>

diff --git a/src/Components/Subpages/Stats.tsx b/src/Components/Subpages/Stats.tsx
@@ -36,6 +36,7 @@ const useStyles = makeStyles(
       },
       highlightText: {
         color: palette.primary.main,
+
       },
       titleText: {
         textAlign: 'left',
@@ -109,14 +110,14 @@ const Stats: React.FC = () => {
           <div className={classes.spec}>
             <p>A proud cornerstone of the ecosystem.</p>
             <div className={classes.statsWrapper}>
-              <div>
+              <p>
                 <span className={classes.highlightText}>500,000+ </span>
                 weekly downloads.
-              </div>
-              <div>
+              </p>
+              <p>
                 <span className={classes.highlightText}>3000+ </span>
                 dependent projects.
-              </div>
+              </p>
             </div>
           </div>
         </div>