diff --git a/frontend/src/components/domain/unified-wizard/wizards/InventoryWizard.tsx b/frontend/src/components/domain/unified-wizard/wizards/InventoryWizard.tsx index e36b87ea..24cedb07 100644 --- a/frontend/src/components/domain/unified-wizard/wizards/InventoryWizard.tsx +++ b/frontend/src/components/domain/unified-wizard/wizards/InventoryWizard.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,8 @@ interface WizardDataProps extends WizardStepProps { // Single comprehensive step with all fields const InventoryDetailsStep: React.FC = ({ data, onDataChange }) => { + const { t } = useTranslation('wizards'); + const [inventoryData, setInventoryData] = useState({ // Required fields name: data.name || '', @@ -88,10 +91,10 @@ const InventoryDetailsStep: React.FC = ({ data, onDataChange })

- Inventory Item Details + {t('inventory.inventoryDetails')}

- Fill in the required information to create an inventory item + {t('inventory.fillRequiredInfo')}

@@ -99,63 +102,63 @@ const InventoryDetailsStep: React.FC = ({ data, onDataChange })
handleDataChange({ ...inventoryData, name: e.target.value })} - placeholder="E.g., All-Purpose Flour, Sourdough Bread" + placeholder={t('inventory.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)]" />
{/* Basic Information */}
-

Basic Information

+

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

@@ -163,14 +166,14 @@ const InventoryDetailsStep: React.FC = ({ data, onDataChange }) type="text" value={inventoryData.sku} onChange={(e) => handleDataChange({ ...inventoryData, sku: e.target.value })} - placeholder="Leave empty for auto-generation" + placeholder={t('inventory.fields.skuPlaceholder')} 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)]" />