소스 검색

FE: Topics: make the topic name field focused (#2986)

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
kristi-dev 2 년 전
부모
커밋
c8619268cd

+ 1 - 0
kafka-ui-react-app/src/components/Connect/New/New.tsx

@@ -133,6 +133,7 @@ const New: React.FC = () => {
             inputSize="M"
             inputSize="M"
             placeholder="Connector Name"
             placeholder="Connector Name"
             name="name"
             name="name"
+            autoFocus
             autoComplete="off"
             autoComplete="off"
             disabled={isSubmitting}
             disabled={isSubmitting}
           />
           />

+ 1 - 0
kafka-ui-react-app/src/components/Schemas/New/New.tsx

@@ -103,6 +103,7 @@ const New: React.FC = () => {
           <Input
           <Input
             inputSize="M"
             inputSize="M"
             placeholder="Schema Name"
             placeholder="Schema Name"
+            autoFocus
             name="subject"
             name="subject"
             autoComplete="off"
             autoComplete="off"
             disabled={isSubmitting}
             disabled={isSubmitting}

+ 1 - 0
kafka-ui-react-app/src/components/Topics/shared/Form/TopicForm.tsx

@@ -93,6 +93,7 @@ const TopicForm: React.FC<Props> = ({
               <InputLabel htmlFor="topicFormName">Topic Name *</InputLabel>
               <InputLabel htmlFor="topicFormName">Topic Name *</InputLabel>
               <Input
               <Input
                 id="topicFormName"
                 id="topicFormName"
+                autoFocus
                 name="name"
                 name="name"
                 placeholder="Topic Name"
                 placeholder="Topic Name"
                 defaultValue={topicName}
                 defaultValue={topicName}