From 404979229714c72d4873e89a47b2c48a37456b47 Mon Sep 17 00:00:00 2001 From: kazachilo Date: Mon, 17 Mar 2025 15:13:11 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20'Done'=20=D0=BD?= =?UTF-8?q?=D0=B0=20=D0=BA=D0=BB=D0=B0=D0=B2=D0=B8=D0=B0=D1=82=D1=83=D1=80?= =?UTF-8?q?=D0=B5=20iOS=20=D0=B4=D0=BB=D1=8F=20=D1=81=D0=B2=D0=BE=D1=80?= =?UTF-8?q?=D0=B0=D1=87=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BA=D0=BB?= =?UTF-8?q?=D0=B0=D0=B2=D0=B8=D0=B0=D1=82=D1=83=D1=80=D1=8B=20=D0=BF=D1=80?= =?UTF-8?q?=D0=B8=20=D0=B2=D0=B2=D0=BE=D0=B4=D0=B5=20=D0=BD=D0=B0=D0=B7?= =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D1=81=D1=82=D0=B8=D0=BA=D0=B5?= =?UTF-8?q?=D1=80=D0=BF=D0=B0=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/screens/CreateStickerPack.tsx | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) 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" />