diff --git a/src/screens/CreateStickerPack.tsx b/src/screens/CreateStickerPack.tsx index e2d5ac5..2e4d6f9 100644 --- a/src/screens/CreateStickerPack.tsx +++ b/src/screens/CreateStickerPack.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react'; +import React, { useState, useEffect, useRef } from 'react'; import { useNavigate } from 'react-router-dom'; import styles from './CreateStickerPack.module.css'; import { stickerService } from '../services/stickerService'; @@ -55,6 +55,22 @@ const CreateStickerPack: React.FC = () => { const [loading, setLoading] = useState(true); const [creating, setCreating] = useState(false); const [error, setError] = useState(null); + const titleInputRef = useRef(null); + + // Функция для сворачивания клавиатуры + const dismissKeyboard = () => { + if (titleInputRef.current) { + titleInputRef.current.blur(); + } + }; + + // Обработчик нажатия клавиш для поля ввода названия + const handleTitleKeyDown = (e: React.KeyboardEvent) => { + if (e.key === 'Enter') { + e.preventDefault(); + dismissKeyboard(); + } + }; // Загрузка доступных изображений useEffect(() => { @@ -176,6 +192,9 @@ const CreateStickerPack: React.FC = () => { value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Введите название стикерпака" + ref={titleInputRef} + onKeyDown={handleTitleKeyDown} + enterKeyHint="done" />