[Website] - Added Internationalization Support (English & French) (#2479)

src/mobile-v3/android/local.defaults.properties

@@ -1,4 +1,5 @@
+
 MAPS_API_KEY=DEFAULT_API_KEY
 MAPS_API_KEY_DEV=DEFAULT_API_KEY
 PLACES_API_KEY=DEFAULT_API_KEY
-PLACES_API_KEY_DEV=DEFAULT_API_KEY
+PLACES_API_KEY_DEV=DEFAULT_API_KEY

src/mobile-v3/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json

@@ -1,6 +1,7 @@
 {
   "images" : [
     {
+
       "idiom" : "universal",
       "filename" : "LaunchImage.png",
       "scale" : "1x"
@@ -17,6 +18,7 @@
     }
   ],
   "info" : {
+
     "version" : 1,
     "author" : "xcode"
   }

src/mobile/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json

@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "filename" : "LaunchImage.png",
       "idiom" : "universal",
+      "filename" : "LaunchImage.png",
       "scale" : "1x"
     },
     {
-      "filename" : "[email protected]",
       "idiom" : "universal",
+      "filename" : "[email protected]",
       "scale" : "2x"
     },
     {
-      "filename" : "[email protected]",
       "idiom" : "universal",
+      "filename" : "[email protected]",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "author" : "xcode",
-    "version" : 1
+    "version" : 1,
+    "author" : "xcode"
   }
 }

src/netmanager-app/components/Settings/ApiTokens.tsx

@@ -1,3 +1,4 @@
+
 "use client"
 
 import { useState } from "react"
@@ -10,6 +11,7 @@ import EditClientForm from "./EditClientForm"
 import CreateClientForm from "./CreateClientForm"
 import DialogWrapper from "./DialogWrapper"
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+
 import { Edit, Copy, Info, Plus, Search, ArrowUpDown, Loader2 } from "lucide-react"
 import type { Client } from "@/app/types/clients"
 import { settings } from "@/core/apis/settings"
@@ -44,6 +46,7 @@ const UserClientsTable = () => {
   const [openEditForm, setOpenEditForm] = useState(false)
   const [openCreateForm, setOpenCreateForm] = useState(false)
   const [selectedClient, setSelectedClient] = useState({} as Client)
+
   const { clients, isLoading, error } = useUserClients()
 
   const [searchQuery, setSearchQuery] = useState("")
@@ -141,6 +144,7 @@ const UserClientsTable = () => {
   }
 
   const getClientToken = (clientID: string) => {
+
     const client = clients?.find((client: Client) => client._id === clientID)
     return client && client.access_token && client.access_token.token
   }
@@ -151,6 +155,7 @@ const UserClientsTable = () => {
   }
 
   const getClientTokenCreateAt = (clientID: string) => {
+
     const client = clients?.find((client: Client) => client._id === clientID)
     return client && client.access_token && client.access_token.createdAt
   }
@@ -160,6 +165,7 @@ const UserClientsTable = () => {
     if (!res?.isActive) {
       setShowInfoModal(true)
       setIsLoadingToken(false)
+
       return
     } else {
       try {
@@ -173,6 +179,7 @@ const UserClientsTable = () => {
         }
         dispatch(performRefresh())
       } catch (error: any) {
+
         const errorMessage = error?.response?.data?.message || error.message || "Failed to generate token"
         toast({
           title: "Error",
@@ -216,6 +223,7 @@ const UserClientsTable = () => {
     return Array.isArray(client.ip_addresses) ? client.ip_addresses.join(", ") : client.ip_addresses
   }
 
+
   if (isLoading) {
     return (
       <div className="flex items-center justify-center min-h-screen">
@@ -245,6 +253,7 @@ const UserClientsTable = () => {
         </Button>
       </div>
 
+
       <div className="flex items-center gap-2">
         <div className="relative flex-1 max-w-sm">
           <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />

src/netmanager-app/components/Settings/PasswordEdit.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+
 import type React from "react"
 
 import { useState } from "react"
@@ -10,6 +11,7 @@ import { useAppSelector } from "@/core/redux/hooks"
 import { settings } from "@/core/apis/settings"
 import { useToast } from "@/components/ui/use-toast"
 import { Progress } from "@/components/ui/progress"
+
 import { Eye, EyeOff, CheckCircle, XCircle, Lock, ShieldCheck } from "lucide-react"
 import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "@/components/ui/card"
 
@@ -53,6 +55,7 @@ export default function PasswordEdit() {
         if (!value) {
           error = "New password is required"
         } else if (!passwordRegex.test(value)) {
+
           error = "Password must meet all requirements"
         }
         break
@@ -138,6 +141,7 @@ export default function PasswordEdit() {
     setShowPassword((prev) => ({ ...prev, [field]: !prev[field] }))
   }
 
+
   const renderPasswordStrength = () => {
     const strength = calculatePasswordStrength(passwords.newPassword)
     let color = "bg-red-500"

src/netmanager-app/components/layout.tsx

@@ -1,3 +1,4 @@
+
 "use client"; // Ensures this runs on the client
 
 import { useEffect, useState } from "react";

src/netmanager-app/components/sidebar.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+
 import type React from "react"
 import { useState, useEffect } from "react"
 import { usePathname } from "next/navigation"

src/netmanager-app/components/topbar.tsx

@@ -1,3 +1,4 @@
+
 "use client"
 
 import type React from "react"
@@ -12,6 +13,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+
 } from "@/components/ui/dropdown-menu"
 import { useAuth } from "@/core/hooks/users"
 
@@ -47,6 +49,7 @@ const Topbar: React.FC<TopbarProps> = ({ isMobileView }) => {
       url: "/analytics",
       description: "Advanced Analytics Platform",
     },
+
   ]
 
   return (

src/netmanager/.env.sample

@@ -1,21 +1,21 @@
-REACT_APP_ALLOW_DEV_TOOLS=12345689
-REACT_APP_BASE_URL=https://staging-platform.airqo.net/api/v1/
-REACT_APP_BASE_URL_V2=https://staging-platform.airqo.net/api/v2/
-REACT_APP_API_BASE_URL=
-REACT_APP_BASE_ANALYTICS_URL=
-REACT_APP_BASE_AUTH_SERVICE_URL=
-REACT_APP_BASE_DATA_MANAGEMENT_URL=
-REACT_APP_BASE_DEVICE_MONITORING_URL=
-REACT_APP_BASE_DEVICE_REGISTRY_URL= 
-REACT_APP_BASE_LOCATE_URL=
-REACT_APP_BASE_LOCATION_REGISTRY_URL=
-REACT_APP_BASE_PREDICT_URL=
-REACT_APP_MAX_CONFIDENCE_INTERVAL=
-REACT_APP_CLOUDINARY_NAME=abcdef
-REACT_APP_CLOUDINARY_PRESET=abcdef
-REACT_APP_MAPBOX_TOKEN=pk.ey123abc
-REACT_APP_JIRA_KEY=abcdef
-NODE_PATH=src/
-PORT=5000
-REACT_APP_GOOGLE_ANALYTICS_TOKEN=
-REACT_APP_MAP_PREVIEW=
+REACT_APP_ALLOW_DEV_TOOLS=12345689
+REACT_APP_BASE_URL=https://staging-platform.airqo.net/api/v1/
+REACT_APP_BASE_URL_V2=https://staging-platform.airqo.net/api/v2/
+REACT_APP_API_BASE_URL=
+REACT_APP_BASE_ANALYTICS_URL=
+REACT_APP_BASE_AUTH_SERVICE_URL=
+REACT_APP_BASE_DATA_MANAGEMENT_URL=
+REACT_APP_BASE_DEVICE_MONITORING_URL=
+REACT_APP_BASE_DEVICE_REGISTRY_URL= 
+REACT_APP_BASE_LOCATE_URL=
+REACT_APP_BASE_LOCATION_REGISTRY_URL=
+REACT_APP_BASE_PREDICT_URL=
+REACT_APP_MAX_CONFIDENCE_INTERVAL=
+REACT_APP_CLOUDINARY_NAME=abcdef
+REACT_APP_CLOUDINARY_PRESET=abcdef
+REACT_APP_MAPBOX_TOKEN=pk.ey123abc
+REACT_APP_JIRA_KEY=abcdef
+NODE_PATH=src/
+PORT=5000
+REACT_APP_GOOGLE_ANALYTICS_TOKEN=
+REACT_APP_MAP_PREVIEW=

src/platform/next-env.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

src/platform/public/icons/Analytics/checkCircleIcon.js

@@ -1,23 +1,23 @@
-import React from 'react';
-
-const CheckCircleIcon = ({ width, height }) => {
-  return (
-    <svg
-      width={width || 20}
-      height={height || 20}
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.334 9.237v.767a8.334 8.334 0 11-4.942-7.617m4.942.946L10 11.674l-2.5-2.5"
-        stroke="#fff"
-        strokeWidth={1.2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default CheckCircleIcon;
+import React from 'react';
+
+const CheckCircleIcon = ({ width, height }) => {
+  return (
+    <svg
+      width={width || 20}
+      height={height || 20}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M18.334 9.237v.767a8.334 8.334 0 11-4.942-7.617m4.942.946L10 11.674l-2.5-2.5"
+        stroke="#fff"
+        strokeWidth={1.2}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default CheckCircleIcon;