Merge pull request #2246 from Plant-for-the-Planet-org/hotfix/minor-bugs-and-cleanup

Fix tooltip translation bug and update package-lock

Author: mohitb35

package-lock.json

@@ -54,7 +54,6 @@ handler.post(async (req, response) => {
     }
 
     const qRes = await db.query<UncleanPlantLocations[]>(query, values);
-    console.log('qRes:', qRes);
 
     const plantLocations: SinglePlantLocationApiResponse[] = qRes.map(
       (plantLocation) => ({

pages/api/data-explorer/map/plant-location/index.ts

@@ -1,16 +1,14 @@
-import { useLocale } from 'next-intl';
 import { getFormattedNumber } from '../../../../../../../utils/getFormattedNumber';
 import styles from './index.module.scss';
 
 interface Props {
   headerTitle: string;
   bodyTitle: string;
   value: string;
+  locale: string;
 }
 
-export const Tooltip = ({ headerTitle, bodyTitle, value }: Props) => {
-  const locale = useLocale();
-
+export const Tooltip = ({ headerTitle, bodyTitle, value, locale }: Props) => {
   return (
     <div className={styles.container}>
       <div className={styles.header}>

src/features/user/TreeMapper/Analytics/components/SpeciesPlanted/Tooltip/index.tsx

@@ -98,6 +98,7 @@ export const SpeciesPlanted = () => {
               headerTitle={w.globals.categoryLabels[dataPointIndex]}
               bodyTitle={'Planted Species'}
               value={s[0][dataPointIndex]}
+              locale={locale}
             />
           );
         };

src/features/user/TreeMapper/Analytics/components/SpeciesPlanted/index.tsx

@@ -1,16 +1,14 @@
-import { useLocale } from 'next-intl';
 import { getFormattedNumber } from '../../../../../../../utils/getFormattedNumber';
 import styles from './index.module.scss';
 
 interface Props {
   headerTitle: string;
   bodyTitle: string;
   value: string;
+  locale: string;
 }
 
-export const Tooltip = ({ headerTitle, bodyTitle, value }: Props) => {
-  const locale = useLocale();
-
+export const Tooltip = ({ headerTitle, bodyTitle, value, locale }: Props) => {
   return (
     <div className={styles.container}>
       <div className={styles.header}>

src/features/user/TreeMapper/Analytics/components/TreePlanted/Tooltip/index.tsx

@@ -438,6 +438,7 @@ export const TreePlanted = () => {
             headerTitle={(categories as DaysCategories[])[dataPointIndex].label}
             bodyTitle={t('treesPlanted')}
             value={`${seriesData[dataPointIndex]}`}
+            locale={locale}
           />
         );
       case TIME_FRAME.WEEKS:
@@ -450,6 +451,7 @@ export const TreePlanted = () => {
             }`}
             bodyTitle={t('treesPlanted')}
             value={`${seriesData[dataPointIndex]}`}
+            locale={locale}
           />
         );
       case TIME_FRAME.MONTHS:
@@ -460,6 +462,7 @@ export const TreePlanted = () => {
             } ${(categories as MonthsCategories[])[dataPointIndex].year}`}
             bodyTitle={t('treesPlanted')}
             value={`${seriesData[dataPointIndex]}`}
+            locale={locale}
           />
         );
       case TIME_FRAME.YEARS:
@@ -468,6 +471,7 @@ export const TreePlanted = () => {
             headerTitle={(categories as DaysCategories[])[dataPointIndex].label}
             bodyTitle={t('treesPlanted')}
             value={`${seriesData[dataPointIndex]}`}
+            locale={locale}
           />
         );
       default: