Fix i18n issues

src/components/array-libraries.js

@@ -43,8 +43,7 @@ const Library = ({ name, description, repo, url, logo }) => {
 
 export const ArrayLibraries = () => {
   const { t } = useLingui()
-  let data = getLibraries()
-  const libraries = React.useMemo(() => data, [])
+  const libraries = getLibraries()
   return (
     <Box my={8}>
       <Text fontSize={'lg'}>

src/components/dashboard/timeline-plot-container.js

@@ -38,8 +38,7 @@ export const TimelinePlotContainer = () => {
   return (
     <Box my={8}>
       <Text fontSize={'md'} align={'center'}>
-        {t`This is a timeline of how many open issues and pull requests Xarray has on Github over time from ${new Date(start).toLocaleDateString()} to `}
-        {new Date(end).toLocaleDateString()}.
+        {t`This is a timeline of how many open issues and pull requests Xarray has on Github over time from ${new Date(start).toLocaleDateString()} to ${new Date(end).toLocaleDateString()}.`}
       </Text>
       <br />
       <br />
@@ -48,7 +47,7 @@ export const TimelinePlotContainer = () => {
           <Tab _selected={{ color: 'white', bg: 'teal.500' }}>
             {t`Pull Requests`}
           </Tab>
-          <Tab _selected={{ color: 'white', bg: 'teal.500' }}>Issues</Tab>
+          <Tab _selected={{ color: 'white', bg: 'teal.500' }}>{t`Issues`}</Tab>
         </TabList>
         <TabPanels>
           <TabPanel>

src/components/dashboard/timeseries-agg-stats-card.js

@@ -45,17 +45,16 @@ export const TimeseriesAggStatsCard = ({ query, title, icon }) => {
 
   const change = {
     type: diffPercentage < 0 ? 'increase' : 'decrease',
-    value:
-      `${d3.format('.2f')(Math.abs(diffPercentage))}% ` + t`since last month`,
+    value: t`${d3.format('.2f')(Math.abs(diffPercentage))}% since last month`,
   }
   return (
     <StatisticsCard
       title={title}
       icon={icon}
       stat={
         result <= 2
-          ? `${d3.format('.1f')(result * 24)} ` + t`hours`
-          : `${d3.format('.1f')(result)} ` + t`days`
+          ? t`${d3.format('.1f')(result * 24)} hours`
+          : t`${d3.format('.1f')(result)} days`
       }
       diff={change}
     />

src/components/donate.js

@@ -42,7 +42,7 @@ export const Donate = () => {
                 color={'blue.400'}
                 useExternalIcon
               >
-                501(c)(3) nonprofit charity
+                {t`501(c)(3) nonprofit charity`}
               </Text>{' '}
               {t`in the United States. NumFOCUS provides Xarray with fiscal, legal,
               and administrative support to help ensure the health and

src/components/features.js

@@ -16,8 +16,7 @@ import { useLingui } from '@lingui/react/macro'
 
 export const Features = () => {
   const { t } = useLingui()
-  let data = getFeatures()
-  const features = React.useMemo(() => data, [])
+  const features = getFeatures()
   return (
     <Box id={'features'} as='section'>
       <Container maxW='container.lg' centerContent>

src/components/footer.js

@@ -76,7 +76,7 @@ export const Footer = () => {
             </Box>
 
             <Text fontSize={'sm'}>
-              {t`© ${currentYear}, Xarray core developers. Apache 2.0Licensed.`}
+              {t`© ${currentYear}, Xarray core developers. Apache 2.0 Licensed.`}
             </Text>
             <GitSHA />
 

src/components/repl.js

@@ -68,7 +68,7 @@ export const Repl = () => {
     <Box id={'repl'} as='section'>
       <Container maxW='container.lg' centerContent>
         <Heading as='h1' size='2xl'>
-          Try Xarray
+          {t`Try Xarray`}
         </Heading>
         <Text fontSize={'lg'}>
           {t`Try Xarray in a REPL directly in your browser (no installation needed)!`}

src/components/scientific-domains.js

@@ -9,8 +9,7 @@ import { useLingui } from '@lingui/react/macro'
 
 export const ScientificDomains = () => {
   const { t } = useLingui()
-  const Projects = getProjects()
-  const projects = React.useMemo(() => Projects, [])
+  const projects = getProjects()
   return (
     <Box my={8}>
       <Text fontSize={'lg'}>

src/data/features.js

@@ -29,7 +29,7 @@ export const getFeatures = () => {
     },
     {
       title: t`Arbitrary metadata tracking`,
-      text: 'Keep track of arbitrary metadata in the form of a Python dictionary.',
+      text: t`Keep track of arbitrary metadata in the form of a Python dictionary.`,
     },
     {
       title: t`Flexible and Extensible I/O backend API`,

src/data/projects.js

@@ -29,7 +29,7 @@ export function getProjects() {
     },
     {
       name: 'MetPy',
-      description: `tCollection of tools for reading, visualizing and performing calculations with weather data`,
+      description: t`Collection of tools for reading, visualizing and performing calculations with weather data`,
       domains: [t`🌪🌡 Meteorology`],
       repo: 'https://github.com/Unidata/MetPy',
       homepage: 'https://unidata.github.io/MetPy',
@@ -62,50 +62,47 @@ export function getProjects() {
     {
       name: 'hvPlot',
       description: t`A high-level plotting API for the PyData ecosystem built on HoloViews`,
-      domains: ['📊 Visualization'],
+      domains: [t`📊 Visualization`],
       repo: 'https://github.com/holoviz/hvplot',
       homepage: 'https://hvplot.holoviz.org/',
       logo: '/projects/hvplot-logo_horizontal.svg',
     },
     {
       name: 'Pangeo',
-      description: 'A community platform for Big Data geoscience',
-      domains: ['🌎 Geoscience'],
+      description: t`A community platform for Big Data geoscience`,
+      domains: [t`🌎 Geoscience`],
       homepage: 'https://pangeo.io/',
       repo: 'https://github.com/pangeo-data',
       logo: '/projects/pangeo_simple_logo.svg',
     },
     {
       name: 'cf-xarray',
-      description:
-        'An accessor for Xarray objects that interprets  Climate and Forecast (CF) metadata convention attributes',
-      domains: ['🌎 Geoscience'],
+      description: t`An accessor for Xarray objects that interprets Climate and Forecast (CF) metadata convention attributes`,
+      domains: [t`🌎 Geoscience`],
       homepage: 'https://cf-xarray.readthedocs.io',
       repo: 'https://github.com/xarray-contrib/cf-xarray',
       logo: '/projects/cf-xarray-logo.svg',
     },
     {
       name: 'omfit',
-      description:
-        'Integrated modeling and experimental data analysis software for magnetically confined thermonuclear fusion experiments',
-      domains: ['💥 plasma physics'],
+      description: t`Integrated modeling and experimental data analysis software for magnetically confined thermonuclear fusion experiments`,
+      domains: [t`💥 plasma physics`],
       homepage: 'https://omfit.io',
       repo: 'https://omfit.io/install.html#get-access-to-the-omfit-source-code',
       logo: '/projects/OMFIT_logo.png',
     },
     {
       name: 'sgkit',
-      description: 'Scalable statistical genetic data analysis in Python',
-      domains: ['🧬 genomics'],
+      description: t`Scalable statistical genetic data analysis in Python`,
+      domains: [t`🧬 genomics`],
       homepage: 'https://sgkit-dev.github.io/sgkit/latest/',
       repo: 'https://github.com/sgkit-dev/sgkit',
       logo: '/projects/sgkit_trnsprnt.png',
     },
     {
       name: 'xmip',
-      description:
-        'Analysis ready CMIP6 data in Python the easy way with pangeo tools.',
-      domains: ['🌎 Geoscience'],
+      description: t`Analysis ready CMIP6 data in Python the easy way with pangeo tools.`,
+      domains: [t`🌎 Geoscience`],
       homepage: 'https://cmip6-preprocessing.readthedocs.io/',
       repo: 'https://github.com/jbusecke/xmip',
       logo: '/projects/xmip.png',