diff --git a/apps/business/src/components/CategoryModal.tsx b/apps/business/src/components/CategoryModal.tsx index 911f743..59c1f0e 100644 --- a/apps/business/src/components/CategoryModal.tsx +++ b/apps/business/src/components/CategoryModal.tsx @@ -6,6 +6,7 @@ import { useT } from '../i18n/useT' import type { Category, CategoryFormData } from '../types/category' import { flattenCategories } from '../utils/categories' import { SearchableSelect } from './SearchableSelect' +import { SeoMetaFields } from './SeoMetaFields' import styles from './CategoryModal.module.css' interface CategoryModalProps { @@ -41,6 +42,8 @@ export function CategoryModal({ const [nameEn, setNameEn] = useState('') const [nameFa, setNameFa] = useState('') const [description, setDescription] = useState('') + const [seoMetaTitle, setSeoMetaTitle] = useState('') + const [seoMetaDescription, setSeoMetaDescription] = useState('') useEffect(() => { if (open) { @@ -50,6 +53,8 @@ export function CategoryModal({ setNameEn(editingCategory?.nameEn ?? '') setNameFa(editingCategory?.nameFa ?? '') setDescription(editingCategory?.description ?? '') + setSeoMetaTitle(editingCategory?.seoMetaTitle ?? '') + setSeoMetaDescription(editingCategory?.seoMetaDescription ?? '') } else if (mounted) { setClosing(true) const timer = setTimeout(() => { @@ -78,6 +83,8 @@ export function CategoryModal({ nameFa: nameFa.trim(), nameEn: nameEn.trim(), description: description.trim(), + seoMetaTitle, + seoMetaDescription, }) } @@ -170,6 +177,19 @@ export function CategoryModal({ /> + +
- ))} +
-