- {`Welcome to ${themeConfig.templateName}! 👋🏻`}
+ {t('welcome', { templateName: themeConfig.templateName })}
- {step === 'phone'
- ? 'Please enter your phone number to receive OTP'
- : 'Please enter the OTP code sent to your phone'}
+ {step === 'phone' ? t('phoneStep') : t('otpStep')}
@@ -231,8 +233,8 @@ const Login = ({ mode }: { mode: SystemMode }) => {
autoFocus
fullWidth
type='tel'
- label='Phone Number'
- placeholder='Enter your phone number'
+ label={t('phoneNumber')}
+ placeholder={t('placeholderPhone')}
onChange={e => {
field.onChange(e.target.value.replace(/\D/g, '')) // Only allow digits
errorState !== null && setErrorState(null)
@@ -245,12 +247,12 @@ const Login = ({ mode }: { mode: SystemMode }) => {
)}
/>
- New on our platform?
+ {t('newUser')}
- Create an account
+ {t('createAccount')}
@@ -258,7 +260,7 @@ const Login = ({ mode }: { mode: SystemMode }) => {
- OTP sent to {getValues('phone_number')}
+ {t('otpSent', { phone: getValues('phone_number') })}
{
)}
diff --git a/src/views/dashboards/farm/AnomalyDetectionCard.tsx b/src/views/dashboards/farm/AnomalyDetectionCard.tsx
index 396526b..f1ebe10 100644
--- a/src/views/dashboards/farm/AnomalyDetectionCard.tsx
+++ b/src/views/dashboards/farm/AnomalyDetectionCard.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Card from '@mui/material/Card'
import CardHeader from '@mui/material/CardHeader'
@@ -23,13 +26,14 @@ interface AnomalyDetectionCardProps {
}
const AnomalyDetectionCard = ({ data }: AnomalyDetectionCardProps) => {
+ const t = useTranslations('farmDashboard')
const anomalies = (data?.anomalies as AnomalyItem[] | undefined) ?? []
return (
}
- title='Anomaly Detection'
+ title={t('cards.anomalyDetectionCard')}
subheader='Out of range values'
action={}
sx={{ '& .MuiCardHeader-avatar': { mr: 3 } }}
diff --git a/src/views/dashboards/farm/EconomicOverview.tsx b/src/views/dashboards/farm/EconomicOverview.tsx
index 9e19a20..a4233f1 100644
--- a/src/views/dashboards/farm/EconomicOverview.tsx
+++ b/src/views/dashboards/farm/EconomicOverview.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -35,6 +36,7 @@ interface EconomicOverviewProps {
}
const EconomicOverview = ({ data }: EconomicOverviewProps) => {
+ const t = useTranslations('farmDashboard')
const economicData = (data?.economicData as EconomicItem[] | undefined) ?? []
const chartSeries = (data?.chartSeries as Array<{ name: string; data: number[] }>) ?? []
const chartCategories = (data?.chartCategories as string[]) ?? ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
@@ -74,7 +76,7 @@ const EconomicOverview = ({ data }: EconomicOverviewProps) => {
return (
}
/>
diff --git a/src/views/dashboards/farm/FarmAlertsTimeline.tsx b/src/views/dashboards/farm/FarmAlertsTimeline.tsx
index 3c4ef45..abdf67b 100644
--- a/src/views/dashboards/farm/FarmAlertsTimeline.tsx
+++ b/src/views/dashboards/farm/FarmAlertsTimeline.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Card from '@mui/material/Card'
import CardHeader from '@mui/material/CardHeader'
@@ -39,13 +42,14 @@ interface FarmAlertsTimelineProps {
}
const FarmAlertsTimeline = ({ data }: FarmAlertsTimelineProps) => {
+ const t = useTranslations('farmDashboard')
const alerts = (data?.alerts as AlertItem[] | undefined) ?? []
return (
}
- title='AI Alerts'
+ title={t('cards.farmAlertsTimeline')}
titleTypographyProps={{ variant: 'h5' }}
subheader='Explainable recommendations'
action={}
diff --git a/src/views/dashboards/farm/FarmAlertsTracker.tsx b/src/views/dashboards/farm/FarmAlertsTracker.tsx
index bf7139e..5267647 100644
--- a/src/views/dashboards/farm/FarmAlertsTracker.tsx
+++ b/src/views/dashboards/farm/FarmAlertsTracker.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -36,6 +37,7 @@ interface FarmAlertsTrackerProps {
}
const FarmAlertsTracker = ({ data }: FarmAlertsTrackerProps) => {
+ const t = useTranslations('farmDashboard')
const alertStats = (data?.alertStats as AlertStatType[] | undefined) ?? []
const totalAlerts = (data?.totalAlerts as number | undefined) ?? 0
const radialBarValue = (data?.radialBarValue as number | undefined) ?? 30
@@ -94,7 +96,7 @@ const FarmAlertsTracker = ({ data }: FarmAlertsTrackerProps) => {
return (
}
/>
diff --git a/src/views/dashboards/farm/FarmDashboardSettingsDrawer.tsx b/src/views/dashboards/farm/FarmDashboardSettingsDrawer.tsx
index 77b4931..ef033ce 100644
--- a/src/views/dashboards/farm/FarmDashboardSettingsDrawer.tsx
+++ b/src/views/dashboards/farm/FarmDashboardSettingsDrawer.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Drawer from '@mui/material/Drawer'
import Typography from '@mui/material/Typography'
@@ -33,6 +36,7 @@ type FarmDashboardSettingsDrawerProps = {
}
const FarmDashboardSettingsDrawer = (props: FarmDashboardSettingsDrawerProps) => {
+ const t = useTranslations('farmDashboard')
const { open, onClose, disabledCardIds, onToggleCard, cardLabels, rowLabels, rowCards } = props
const disabledSet = new Set(disabledCardIds)
@@ -55,9 +59,9 @@ const FarmDashboardSettingsDrawer = (props: FarmDashboardSettingsDrawerProps) =>
>
- Dashboard Settings
+ {t('settings.title')}
- Toggle cards to show or hide on the dashboard
+ {t('settings.toggleCards')}
diff --git a/src/views/dashboards/farm/FarmDashboardSettingsDropdown.tsx b/src/views/dashboards/farm/FarmDashboardSettingsDropdown.tsx
index e912ad2..ab34272 100644
--- a/src/views/dashboards/farm/FarmDashboardSettingsDropdown.tsx
+++ b/src/views/dashboards/farm/FarmDashboardSettingsDropdown.tsx
@@ -2,6 +2,7 @@
// React Imports
import { useRef, useState } from 'react'
+import { useTranslations } from 'next-intl'
// MUI Imports
import IconButton from '@mui/material/IconButton'
@@ -43,6 +44,7 @@ type FarmDashboardSettingsDropdownProps = {
}
const FarmDashboardSettingsDropdown = (props: FarmDashboardSettingsDropdownProps) => {
+ const t = useTranslations('farmDashboard')
const { disabledCardIds, onToggleCard, enableDragReorder, onToggleDragReorder, cardLabels, rowLabels, rowCards, saving } = props
const { settings } = useSettings()
const [open, setOpen] = useState(false)
@@ -59,7 +61,7 @@ const FarmDashboardSettingsDropdown = (props: FarmDashboardSettingsDropdownProps
@@ -82,9 +84,9 @@ const FarmDashboardSettingsDropdown = (props: FarmDashboardSettingsDropdownProps
- Dashboard Settings
+ {t('settings.title')}
- Toggle cards to show or hide
+ {t('settings.toggleCards')}
@@ -97,7 +99,7 @@ const FarmDashboardSettingsDropdown = (props: FarmDashboardSettingsDropdownProps
/>
}
label={
- Enable drag & reorder rows
+ {t('settings.enableDragReorder')}
}
sx={{ m: 0 }}
/>
diff --git a/src/views/dashboards/farm/FarmDashboardWrapper.tsx b/src/views/dashboards/farm/FarmDashboardWrapper.tsx
index d99edca..9952893 100644
--- a/src/views/dashboards/farm/FarmDashboardWrapper.tsx
+++ b/src/views/dashboards/farm/FarmDashboardWrapper.tsx
@@ -2,7 +2,8 @@
// React Imports
import type { RefObject } from 'react'
-import { useEffect, useState, useCallback, useContext } from 'react'
+import { useEffect, useMemo, useState, useCallback, useContext } from 'react'
+import { useTranslations } from 'next-intl'
// Context Imports
import NavbarSlotContext from '@/contexts/navbarSlotContext'
@@ -38,9 +39,7 @@ import EconomicOverview from '@views/dashboards/farm/EconomicOverview'
import {
ROW_IDS,
ROW_CARDS,
- ROW_LABELS,
CARD_GRID_SIZE,
- CARD_LABELS,
DEFAULT_FARM_DASHBOARD_CONFIG,
type RowId,
type CardId,
@@ -89,8 +88,55 @@ function mergeRowOrderAfterDrag(
}
const FarmDashboardWrapper = () => {
+ const t = useTranslations('farmDashboard')
const { setSlotContent } = useContext(NavbarSlotContext)
const [config, setConfig] = useState(DEFAULT_FARM_DASHBOARD_CONFIG)
+
+ const cardLabels = useMemo(
+ () =>
+ Object.fromEntries(
+ (
+ [
+ 'farmOverviewKpis',
+ 'farmWeatherCard',
+ 'farmAlertsTracker',
+ 'sensorValuesList',
+ 'sensorRadarChart',
+ 'sensorComparisonChart',
+ 'anomalyDetectionCard',
+ 'farmAlertsTimeline',
+ 'waterNeedPrediction',
+ 'harvestPredictionCard',
+ 'yieldPredictionChart',
+ 'soilMoistureHeatmap',
+ 'ndviHealthCard',
+ 'recommendationsList',
+ 'economicOverview'
+ ] as CardId[]
+ ).map((id) => [id, t(`cards.${id}`)])
+ ) as Record,
+ [t]
+ )
+
+ const rowLabels = useMemo(
+ () =>
+ Object.fromEntries(
+ (
+ [
+ 'overviewKpis',
+ 'weatherAlerts',
+ 'sensorMonitoring',
+ 'sensorCharts',
+ 'alertsWater',
+ 'predictions',
+ 'soilHeatmap',
+ 'ndviRecommendations',
+ 'economic'
+ ] as RowId[]
+ ).map((id) => [id, t(`rows.${id}`)])
+ ) as Record,
+ [t]
+ )
const [cardsData, setCardsData] = useState>>>({})
const [loading, setLoading] = useState(true)
const [saving, setSaving] = useState(false)
@@ -183,8 +229,8 @@ const FarmDashboardWrapper = () => {
onToggleCard={handleToggleCard}
enableDragReorder={config.enableDragReorder ?? true}
onToggleDragReorder={handleToggleDragReorder}
- cardLabels={CARD_LABELS}
- rowLabels={ROW_LABELS}
+ cardLabels={cardLabels}
+ rowLabels={rowLabels}
rowCards={ROW_CARDS}
saving={saving}
/>
@@ -231,7 +277,7 @@ const FarmDashboardWrapper = () => {
mt: 1,
'&:active': { cursor: 'grabbing' }
}}
- aria-label={`Drag ${ROW_LABELS[rowId as RowId]}`}
+ aria-label={t('settings.dragRow', { row: rowLabels[rowId as RowId] })}
>
diff --git a/src/views/dashboards/farm/FarmWeatherCard.tsx b/src/views/dashboards/farm/FarmWeatherCard.tsx
index 9cde823..651a268 100644
--- a/src/views/dashboards/farm/FarmWeatherCard.tsx
+++ b/src/views/dashboards/farm/FarmWeatherCard.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -24,6 +25,7 @@ interface FarmWeatherCardProps {
}
const FarmWeatherCard = ({ data }: FarmWeatherCardProps) => {
+ const t = useTranslations('farmDashboard')
const temperature = data?.temperature ?? 24
const condition = (data?.condition as string) ?? ''
const humidity = data?.humidity ?? 45
@@ -86,7 +88,7 @@ const FarmWeatherCard = ({ data }: FarmWeatherCardProps) => {
return (
}
diff --git a/src/views/dashboards/farm/HarvestPredictionCard.tsx b/src/views/dashboards/farm/HarvestPredictionCard.tsx
index a0326c3..ab61acb 100644
--- a/src/views/dashboards/farm/HarvestPredictionCard.tsx
+++ b/src/views/dashboards/farm/HarvestPredictionCard.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Card from '@mui/material/Card'
import CardHeader from '@mui/material/CardHeader'
@@ -16,6 +19,7 @@ interface HarvestPredictionCardProps {
}
const HarvestPredictionCard = ({ data }: HarvestPredictionCardProps) => {
+ const t = useTranslations('farmDashboard')
const harvestDate = (data?.dateFormatted as string) ?? ''
const daysUntil = (data?.daysUntil as number | undefined) ?? 0
const daysLeftFormatted = daysUntil > 0 ? `${daysUntil} days` : ''
@@ -29,7 +33,7 @@ const HarvestPredictionCard = ({ data }: HarvestPredictionCardProps) => {
}
- title='Harvest Prediction'
+ title={t('cards.harvestPredictionCard')}
subheader='AI Estimated Date'
action={}
/>
diff --git a/src/views/dashboards/farm/NDVIHealthCard.tsx b/src/views/dashboards/farm/NDVIHealthCard.tsx
index 70d3c84..ae30e2a 100644
--- a/src/views/dashboards/farm/NDVIHealthCard.tsx
+++ b/src/views/dashboards/farm/NDVIHealthCard.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -26,6 +27,7 @@ interface NDVIHealthCardProps {
}
const NDVIHealthCard = ({ data }: NDVIHealthCardProps) => {
+ const t = useTranslations('farmDashboard')
const ndviIndex = (data?.ndviIndex as number | undefined) ?? 0
const healthData =
(data?.healthData as Array<{ title: string; value: string; color: string; icon: string }>) ?? []
@@ -85,7 +87,7 @@ const NDVIHealthCard = ({ data }: NDVIHealthCardProps) => {
}
- title='NDVI Health'
+ title={t('cards.ndviHealthCard')}
subheader='Vegetation Index'
sx={{ '& .MuiCardHeader-avatar': { mr: 3 } }}
/>
diff --git a/src/views/dashboards/farm/RecommendationsList.tsx b/src/views/dashboards/farm/RecommendationsList.tsx
index 70dd431..fa7d509 100644
--- a/src/views/dashboards/farm/RecommendationsList.tsx
+++ b/src/views/dashboards/farm/RecommendationsList.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Card from '@mui/material/Card'
import CardHeader from '@mui/material/CardHeader'
@@ -25,13 +28,14 @@ interface RecommendationsListProps {
}
const RecommendationsList = ({ data }: RecommendationsListProps) => {
+ const t = useTranslations('farmDashboard')
const recommendations = (data?.recommendations as RecommendationType[] | undefined) ?? []
if (recommendations.length === 0) return null
return (
}
/>
diff --git a/src/views/dashboards/farm/SensorComparisonChart.tsx b/src/views/dashboards/farm/SensorComparisonChart.tsx
index 1e73ad7..42a0027 100644
--- a/src/views/dashboards/farm/SensorComparisonChart.tsx
+++ b/src/views/dashboards/farm/SensorComparisonChart.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -21,6 +22,7 @@ interface SensorComparisonChartProps {
}
const SensorComparisonChart = ({ data }: SensorComparisonChartProps) => {
+ const t = useTranslations('farmDashboard')
const series = (data?.series as Array<{ name: string; data: number[] }>) ?? []
const categories = (data?.categories as string[]) ?? ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
const currentValue = data?.currentValue ?? 48
@@ -75,7 +77,7 @@ const SensorComparisonChart = ({ data }: SensorComparisonChartProps) => {
return (
diff --git a/src/views/dashboards/farm/SensorRadarChart.tsx b/src/views/dashboards/farm/SensorRadarChart.tsx
index 35bb222..4826a1c 100644
--- a/src/views/dashboards/farm/SensorRadarChart.tsx
+++ b/src/views/dashboards/farm/SensorRadarChart.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -23,6 +24,7 @@ interface SensorRadarChartProps {
}
const SensorRadarChart = ({ data }: SensorRadarChartProps) => {
+ const t = useTranslations('farmDashboard')
const series = (data?.series as Array<{ name: string; data: number[] }>) ?? []
const labels = (data?.labels as string[]) ?? []
const theme = useTheme()
@@ -70,7 +72,7 @@ const SensorRadarChart = ({ data }: SensorRadarChartProps) => {
return (
}
/>
diff --git a/src/views/dashboards/farm/SensorValuesList.tsx b/src/views/dashboards/farm/SensorValuesList.tsx
index f7b9e5f..36d0609 100644
--- a/src/views/dashboards/farm/SensorValuesList.tsx
+++ b/src/views/dashboards/farm/SensorValuesList.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// MUI Imports
import Card from '@mui/material/Card'
import CardHeader from '@mui/material/CardHeader'
@@ -25,13 +28,14 @@ interface SensorValuesListProps {
}
const SensorValuesList = ({ data }: SensorValuesListProps) => {
+ const t = useTranslations('farmDashboard')
const sensors = (data?.sensors as SensorDataType[] | undefined) ?? []
if (sensors.length === 0) return null
return (
}
/>
diff --git a/src/views/dashboards/farm/SoilMoistureHeatmap.tsx b/src/views/dashboards/farm/SoilMoistureHeatmap.tsx
index bde22af..80790d5 100644
--- a/src/views/dashboards/farm/SoilMoistureHeatmap.tsx
+++ b/src/views/dashboards/farm/SoilMoistureHeatmap.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -30,6 +31,7 @@ interface SoilMoistureHeatmapProps {
}
const SoilMoistureHeatmap = ({ data }: SoilMoistureHeatmapProps) => {
+ const t = useTranslations('farmDashboard')
const series = (data?.series as HeatmapSeries[]) ?? []
const theme = useTheme()
if (series.length === 0) return null
@@ -72,7 +74,7 @@ const SoilMoistureHeatmap = ({ data }: SoilMoistureHeatmapProps) => {
return (
diff --git a/src/views/dashboards/farm/WaterNeedPrediction.tsx b/src/views/dashboards/farm/WaterNeedPrediction.tsx
index 42ba317..3367c50 100644
--- a/src/views/dashboards/farm/WaterNeedPrediction.tsx
+++ b/src/views/dashboards/farm/WaterNeedPrediction.tsx
@@ -1,5 +1,8 @@
'use client'
+// React Imports
+import { useTranslations } from 'next-intl'
+
// Next Imports
import dynamic from 'next/dynamic'
@@ -24,6 +27,7 @@ interface WaterNeedPredictionProps {
}
const WaterNeedPrediction = ({ data }: WaterNeedPredictionProps) => {
+ const t = useTranslations('farmDashboard')
const series = (data?.series as Array<{ name: string; data: number[] }>) ?? []
const categories = (data?.categories as string[]) ?? ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6', 'Day 7']
const totalNext7Days = data?.totalNext7Days ?? 0
@@ -74,7 +78,7 @@ const WaterNeedPrediction = ({ data }: WaterNeedPredictionProps) => {
return (
}
/>
diff --git a/src/views/dashboards/farm/YieldPredictionChart.tsx b/src/views/dashboards/farm/YieldPredictionChart.tsx
index 6c23b59..7358b31 100644
--- a/src/views/dashboards/farm/YieldPredictionChart.tsx
+++ b/src/views/dashboards/farm/YieldPredictionChart.tsx
@@ -2,6 +2,7 @@
// Next Imports
import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -34,6 +35,7 @@ interface YieldPredictionChartProps {
}
const YieldPredictionChart = ({ data }: YieldPredictionChartProps) => {
+ const t = useTranslations('farmDashboard')
const series = (data?.series as Array<{ name: string; data: number[] }>) ?? []
const categories =
(data?.categories as string[]) ??
@@ -77,7 +79,7 @@ const YieldPredictionChart = ({ data }: YieldPredictionChartProps) => {
return (
}
/>
diff --git a/src/views/pages/account-settings/account/AccountDelete.tsx b/src/views/pages/account-settings/account/AccountDelete.tsx
index 6233e3d..c9d7bc7 100644
--- a/src/views/pages/account-settings/account/AccountDelete.tsx
+++ b/src/views/pages/account-settings/account/AccountDelete.tsx
@@ -2,6 +2,7 @@
// React Imports
import { useState } from 'react'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Card from '@mui/material/Card'
@@ -20,7 +21,7 @@ import { useForm, Controller } from 'react-hook-form'
import ConfirmationDialog from '@components/dialogs/confirmation-dialog'
const AccountDelete = () => {
- // States
+ const t = useTranslations('accountSettings')
const [open, setOpen] = useState(false)
// Hooks
@@ -40,7 +41,7 @@ const AccountDelete = () => {
return (
-
+
diff --git a/src/views/pages/account-settings/account/AccountDetails.tsx b/src/views/pages/account-settings/account/AccountDetails.tsx
index b9c5b0d..f520d83 100644
--- a/src/views/pages/account-settings/account/AccountDetails.tsx
+++ b/src/views/pages/account-settings/account/AccountDetails.tsx
@@ -2,6 +2,7 @@
// React Imports
import { useState, useEffect } from 'react'
+import { useTranslations } from 'next-intl'
import type { ChangeEvent } from 'react'
// MUI Imports
@@ -36,7 +37,7 @@ const initialData: Data = {
}
const AccountDetails = () => {
- // Auth
+ const t = useTranslations('accountSettings')
const { user: authUser } = useAuth()
// States
@@ -98,7 +99,7 @@ const AccountDetails = () => {
})
// Refresh auth user data - caller would need to update context; for now form stays as-is
} catch (err: any) {
- setError(err.message || 'خطا در ذخیره تغییرات')
+ setError(err.message || t('errorSave'))
} finally {
setSaving(false)
}
@@ -171,45 +172,45 @@ const AccountDetails = () => {
handleFormChange('firstName', e.target.value)}
/>
handleFormChange('lastName', e.target.value)}
/>
handleFormChange('email', e.target.value)}
/>
handleFormChange('phoneNumber', e.target.value)}
/>
diff --git a/src/views/pages/account-settings/index.tsx b/src/views/pages/account-settings/index.tsx
index 0735009..c959565 100644
--- a/src/views/pages/account-settings/index.tsx
+++ b/src/views/pages/account-settings/index.tsx
@@ -2,6 +2,7 @@
// React Imports
import { useState } from 'react'
+import { useTranslations } from 'next-intl'
import type { SyntheticEvent, ReactElement } from 'react'
// MUI Imports
@@ -14,7 +15,7 @@ import TabPanel from '@mui/lab/TabPanel'
import CustomTabList from '@core/components/mui/TabList'
const AccountSettings = ({ tabContentList }: { tabContentList: { [key: string]: ReactElement } }) => {
- // States
+ const t = useTranslations('accountSettings')
const [activeTab, setActiveTab] = useState('account')
const handleChange = (event: SyntheticEvent, value: string) => {
@@ -26,8 +27,8 @@ const AccountSettings = ({ tabContentList }: { tabContentList: { [key: string]:
- } iconPosition='start' value='account' />
- } iconPosition='start' value='sensor-hub' />
+ } iconPosition='start' value='account' />
+ } iconPosition='start' value='sensor-hub' />
{/* } iconPosition='start' value='security' />
{
+ const t = useTranslations('sensorHub')
const [showAddForm, setShowAddForm] = useState(false)
const { setSensorHub } = useSensorHub()
@@ -49,10 +51,10 @@ const SensorHubTabContent = () => {
- انتخاب سنسور
+ {t('selectSensor')}
- سنسور مورد نظر را انتخاب کنید یا سنسور جدید اضافه کنید
+ {t('selectSensorDescription')}
diff --git a/src/views/sensorHub/FormSensorHub.tsx b/src/views/sensorHub/FormSensorHub.tsx
index b4d2e84..4a5797d 100644
--- a/src/views/sensorHub/FormSensorHub.tsx
+++ b/src/views/sensorHub/FormSensorHub.tsx
@@ -2,6 +2,7 @@
// React Imports
import { useState } from 'react'
+import { useTranslations } from 'next-intl'
// MUI Imports
import Grid from '@mui/material/Grid2'
@@ -20,6 +21,7 @@ type FormSensorHubProps = {
}
const FormSensorHub = ({ onBack }: FormSensorHubProps) => {
+ const t = useTranslations('sensorHub')
const [name, setName] = useState('')
const [uuidSensor, setUuidSensor] = useState('')
const [loading, setLoading] = useState(false)
@@ -33,7 +35,7 @@ const FormSensorHub = ({ onBack }: FormSensorHubProps) => {
await sensorHubService.addSensor({ name, uuid_sensor: uuidSensor })
onBack()
} catch (err: unknown) {
- const message = err && typeof err === 'object' && 'message' in err ? String((err as { message: string }).message) : 'خطا در ذخیره سنسور'
+ const message = err && typeof err === 'object' && 'message' in err ? String((err as { message: string }).message) : t('errorSave')
setError(message)
} finally {
setLoading(false)
@@ -50,7 +52,7 @@ const FormSensorHub = ({ onBack }: FormSensorHubProps) => {
startIcon={}
onClick={onBack}
>
- بازگشت
+ {t('back')}
{/* افزودن سنسور جدید */}
@@ -66,8 +68,8 @@ const FormSensorHub = ({ onBack }: FormSensorHubProps) => {