diff --git a/src/components/app-progress-bar-line/AppProgressBarLine.tsx b/src/components/app-progress-bar-line/AppProgressBarLine.tsx index 574234ac1..e41478ad3 100644 --- a/src/components/app-progress-bar-line/AppProgressBarLine.tsx +++ b/src/components/app-progress-bar-line/AppProgressBarLine.tsx @@ -8,6 +8,7 @@ import { LinearProgress } from '@mui/material' import { UserRoleEnum } from '~/types' import { AccessTime } from '@mui/icons-material' +import { useTranslation } from 'react-i18next' interface AppProgressBarLineProps { value: number userRole: UserRoleEnum | '' @@ -20,6 +21,7 @@ const AppProgressBarLine: FC = ({ isCooperationActivities = false }) => { const { isMobile } = useBreakpoints() + const { t } = useTranslation() const labelsValue = userRole === UserRoleEnum.Student ? [0, 25, 50, 75, 100] @@ -27,16 +29,16 @@ const AppProgressBarLine: FC = ({ const labelsWithPercentForCooperation = ( - Your progress + {t('cooperationDetailsPage.progressBar.yourProgress')} - {`${value}% completed`} + {`${value}% ${t('cooperationDetailsPage.progressBar.completed')}`} - {`${100 - value}% to complete`} + {`${100 - value}% ${t('cooperationDetailsPage.progressBar.needToComplete')}`} diff --git a/src/constants/translations/en/cooperation-details.json b/src/constants/translations/en/cooperation-details.json index 77dd057bd..5a92b8b50 100644 --- a/src/constants/translations/en/cooperation-details.json +++ b/src/constants/translations/en/cooperation-details.json @@ -24,5 +24,10 @@ "tutoringSubject": "Tutoring subject & level:", "aboutCooperation": "About cooperation:", "tutoringLanguages": "Tutoring languages:", - "pricing": "Pricing:" + "pricing": "Pricing:", + "progressBar": { + "yourProgress": "Your progress", + "completed": "completed", + "needToComplete": "to complete" + } } diff --git a/src/constants/translations/uk/cooperation-details.json b/src/constants/translations/uk/cooperation-details.json index 1749df513..ec734340e 100644 --- a/src/constants/translations/uk/cooperation-details.json +++ b/src/constants/translations/uk/cooperation-details.json @@ -24,5 +24,10 @@ "tutoringSubject": "Предмет і рівень:", "aboutCooperation": "Про співпрацю:", "tutoringLanguages": "Мови:", - "pricing": "Ціна:" + "pricing": "Ціна:", + "progressBar": { + "yourProgress": "Ваш прогрес", + "completed": "виконано", + "needToComplete": "до завершення" + } }