diff --git a/frontend/src/components/domain/unified-wizard/wizards/QualityTemplateWizard.tsx b/frontend/src/components/domain/unified-wizard/wizards/QualityTemplateWizard.tsx index 5b1c6c48..303f41d8 100644 --- a/frontend/src/components/domain/unified-wizard/wizards/QualityTemplateWizard.tsx +++ b/frontend/src/components/domain/unified-wizard/wizards/QualityTemplateWizard.tsx @@ -1,4 +1,5 @@ import React, { useState } from 'react'; +import { useTranslation } from 'react-i18next'; import { WizardStep, WizardStepProps } from '../../../ui/WizardModal/WizardModal'; import { AdvancedOptionsSection } from '../../../ui/AdvancedOptionsSection'; import Tooltip from '../../../ui/Tooltip/Tooltip'; @@ -11,6 +12,7 @@ interface WizardDataProps extends WizardStepProps { // Single comprehensive step with all fields const QualityTemplateDetailsStep: React.FC = ({ data, onDataChange }) => { + const { t } = useTranslation('wizards'); const [templateData, setTemplateData] = useState({ // Required fields name: data.name || '', @@ -60,10 +62,10 @@ const QualityTemplateDetailsStep: React.FC = ({ data, onDataCha

- Quality Template Details + {t('qualityTemplate.templateDetails')}

- Fill in the required information to create a quality check template + {t('qualityTemplate.fillRequiredInfo')}

@@ -71,40 +73,40 @@ const QualityTemplateDetailsStep: React.FC = ({ data, onDataCha
handleDataChange({ ...templateData, name: e.target.value })} - placeholder="E.g., Bread Quality Control, Hygiene Inspection" + placeholder={t('qualityTemplate.fields.namePlaceholder')} className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]" />
@@ -123,12 +125,12 @@ const QualityTemplateDetailsStep: React.FC = ({ data, onDataCha {/* Basic Information */}
-

Basic Information

+

{t('qualityTemplate.sections.basicInformation')}

@@ -136,14 +138,14 @@ const QualityTemplateDetailsStep: React.FC = ({ data, onDataCha type="text" value={templateData.templateCode} onChange={(e) => handleDataChange({ ...templateData, templateCode: e.target.value })} - placeholder="Leave empty for auto-generation" + placeholder={t('qualityTemplate.fields.templateCodePlaceholder')} className="w-full px-3 py-2 border border-[var(--border-secondary)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] bg-[var(--bg-primary)] text-[var(--text-primary)]" />
= ({ data, onDataCha