- Справочник удобств — на странице «Номера»
+ Справочник удобств — ниже на этой странице
{allAmenities.map(a => {
@@ -308,6 +308,13 @@ export function RoomCategoriesPage() {
const [editingCat, setEditingCat] = useState(undefined)
const [formOpen, setFormOpen] = useState(false)
+ // Amenities directory state
+ const { amenities, addAmenity, removeAmenity, renameAmenity } = useAmenities()
+ const [showAmenities, setShowAmenities] = useState(false)
+ const [newAmenity, setNewAmenity] = useState('')
+ const [editingAmenity, setEditingAmenity] = useState(null)
+ const [editAmenityValue, setEditAmenityValue] = useState('')
+
useEffect(() => {
if (!slug) return
api.categories.list(slug)
@@ -457,6 +464,94 @@ export function RoomCategoriesPage() {
)}
+ {/* Справочник удобств */}
+
+
+
+ {showAmenities && (
+
+
+
setNewAmenity(e.target.value)}
+ onKeyDown={e => {
+ if (e.key === 'Enter') { e.preventDefault(); if (newAmenity.trim()) { addAmenity(newAmenity.trim()); setNewAmenity('') } }
+ }}
+ />
+
+
+
+
+ {amenities.map(a => (
+
+ {editingAmenity === a ? (
+ <>
+
setEditAmenityValue(e.target.value)}
+ onKeyDown={e => {
+ if (e.key === 'Enter') { renameAmenity(a, editAmenityValue); setEditingAmenity(null) }
+ if (e.key === 'Escape') setEditingAmenity(null)
+ }}
+ />
+
+
+
+ ) : (
+ <>
+
{a}
+
+
+
+
+
+ )}
+
+ ))}
+
+
+ )}
+
+
{formOpen && (
(undefined)
- const { amenities, addAmenity, removeAmenity, renameAmenity } = useAmenities()
- const [showAmenities, setShowAmenities] = useState(false)
- const [newAmenity, setNewAmenity] = useState('')
- const [editingAmenity, setEditingAmenity] = useState(null)
- const [editAmenityValue, setEditAmenityValue] = useState('')
useEffect(() => {
if (!slug) return
@@ -209,94 +203,6 @@ export function RoomsPage() {
)}
- {/* Справочник удобств */}
-