refactor: update parseInt to Number.parseInt

Author: suzit-10

frontend/src/components/partnerMapswipeStats/contributionsHeatmap.js

@@ -169,7 +169,7 @@ export const ContributionsHeatmap = ({ contributionsByGeo = [] }) => {
       const currentZoom = map.current.getZoom();
       const h3ResBasedOnZoom =
         currentZoom >= 1
-          ? zoomToH3ResMapping[parseInt(currentZoom)] ?? Math.floor((currentZoom - 2) * 0.7)
+          ? zoomToH3ResMapping[Number.parseInt(currentZoom)] ?? Math.floor((currentZoom - 2) * 0.7)
           : 1;
 
       map.current.getSource('hexbin').setData({

frontend/src/components/partners/currentProjects.js

@@ -31,7 +31,7 @@ export function CurrentProjects({ currentProjects }) {
 
   const fetchData = async () => {
     try {
-      const projectIds = currentProjects.split(',').map((id) => parseInt(id.trim(), 10));
+      const projectIds = currentProjects.split(',').map((id) => Number.parseInt(id.trim(), 10));
       const promises = projectIds.map(async (id) => {
         const response = await fetch(API_URL + `projects/${id}/tasks/`);
 

frontend/src/components/projectDetail/index.js

@@ -323,7 +323,7 @@ export const ProjectDetail = (props) => {
             size={'large'}
             textColor="white"
             users={contributors}
-            maxLength={parseInt(size[0] / 75) > 12 ? 12 : parseInt(size[0] / 75)}
+            maxLength={Number.parseInt(size[0] / 75) > 12 ? 12 : Number.parseInt(size[0] / 75)}
           />
         )}
       </div>

frontend/src/components/teamsAndOrgs/orgUsageLevel.js

@@ -15,7 +15,7 @@ import {
 // this component is designed to the FREE organisation type
 export function OrganisationUsageLevel({ completedActions, orgName }) {
   const [currentLevel, nextLevelThreshold] = useOrganisationLevel(completedActions);
-  const percent = parseInt((completedActions / nextLevelThreshold) * 100);
+  const percent = Number.parseInt((completedActions / nextLevelThreshold) * 100);
   const yearPrediction = usePredictYearlyTasks(completedActions, new Date());
   const levelPrediction = usePredictLevel(yearPrediction, 'FREE');
   const currentYear = getYear(new Date());
@@ -110,7 +110,7 @@ export function OrganisationTier({ completedActions, type, subscriptionTier }) {
       ? levels.filter((level) => level.level === selectedTier.level + 1)[0].minActions
       : null;
   const nextLevel = useGetLevel(selectedTierMax);
-  const percent = parseInt((completedActions / selectedTierMax) * 100);
+  const percent = Number.parseInt((completedActions / selectedTierMax) * 100);
   const showDiscountLabel = levelPrediction.tier !== 'free' && type === 'DISCOUNTED';
   const currentYear = getYear(new Date());
 

frontend/src/config/index.js

@@ -16,7 +16,7 @@ export const PROJECTCARD_CONTRIBUTION_SHOWN_THRESHOLD =
   process.env.REACT_APP_PROJECTCARD_CONTRIBUTION_SHOWN_THRESHOLD || 5;
 export const ENABLE_SERVICEWORKER = process.env.REACT_APP_ENABLE_SERVICEWORKER || 0;
 export const MAX_AOI_AREA = Number(process.env.REACT_APP_MAX_AOI_AREA) || 5000;
-export const MAX_FILESIZE = parseInt(process.env.REACT_APP_MAX_FILESIZE) || 1000000; // bytes
+export const MAX_FILESIZE = Number.parseInt(process.env.REACT_APP_MAX_FILESIZE) || 1000000; // bytes
 
 // ORGANISATIONAL INFORMATION
 export const ORG_NAME = process.env.REACT_APP_ORG_NAME || 'Humanitarian OpenStreetMap Team';

frontend/src/hooks/UseProjectCompletenessCalc.js

@@ -12,9 +12,9 @@ export function useComputeCompleteness(tasks) {
       ).length;
       const validated = getStatusCount(tasks, 'VALIDATED');
       const badImagery = getStatusCount(tasks, 'BADIMAGERY');
-      setPercentMapped(parseInt(((mapped + validated) / (totalTasks - badImagery)) * 100));
-      setPercentValidated(parseInt((validated / (totalTasks - badImagery)) * 100));
-      setPercentBadImagery(parseInt((badImagery / totalTasks) * 100));
+      setPercentMapped(Number.parseInt(((mapped + validated) / (totalTasks - badImagery)) * 100));
+      setPercentValidated(Number.parseInt((validated / (totalTasks - badImagery)) * 100));
+      setPercentBadImagery(Number.parseInt((badImagery / totalTasks) * 100));
     }
   }, [tasks, setPercentMapped, setPercentValidated, setPercentBadImagery]);
   return { percentMapped, percentValidated, percentBadImagery };

frontend/src/utils/taskGrid.js

@@ -56,10 +56,10 @@ export const createTaskGrid = (areaOfInterestExtent, zoomLevel) => {
   const step = AXIS_OFFSET / Math.pow(2, zoomLevel - 1);
 
   // Calculate the min and max task indices at the required zoom level to cover the whole area of interest
-  const xminstep = parseInt(Math.floor((xmin + AXIS_OFFSET) / step));
-  const xmaxstep = parseInt(Math.ceil((xmax + AXIS_OFFSET) / step));
-  const yminstep = parseInt(Math.floor((ymin + AXIS_OFFSET) / step));
-  const ymaxstep = parseInt(Math.ceil((ymax + AXIS_OFFSET) / step));
+  const xminstep = Number.parseInt(Math.floor((xmin + AXIS_OFFSET) / step));
+  const xmaxstep = Number.parseInt(Math.ceil((xmax + AXIS_OFFSET) / step));
+  const yminstep = Number.parseInt(Math.floor((ymin + AXIS_OFFSET) / step));
+  const ymaxstep = Number.parseInt(Math.ceil((ymax + AXIS_OFFSET) / step));
 
   let taskFeatures = [];
   // Generate an array of task features